make headers use optional tagline (#114)

_src/_assets/styles/_page-features.scss

@@ -36,7 +36,6 @@
 }
 
 .feature__text {
-    @extend .text-dimmed;
     margin-bottom: 0;
 }
 

_src/_assets/styles/_page-usecases.scss

@@ -10,10 +10,14 @@
     }
 
     .section-description {
-        margin-bottom: $spacer * 2;
-        padding-bottom: $spacer * 2;
+        margin-bottom: $spacer * 3;
+        padding-bottom: $spacer * 3;
         border-bottom: 2px solid lighten($gray-dark, 10%);
     }
+
+    .grid {
+        margin-bottom: 0;
+    }
 }
 
 //

_src/_assets/styles/bigchain/_content-page.scss

@@ -8,8 +8,8 @@
     padding-bottom: ($spacer * 2);
 
     @media ($screen-sm) {
-        padding-top: ($spacer * 4);
-        padding-bottom: ($spacer * 4);
+        padding-top: ($spacer * 5);
+        padding-bottom: ($spacer * 5);
     }
 
     > h1, h2 {

_src/_assets/styles/bigchain/_header.scss

@@ -7,5 +7,5 @@
     z-index: 1;
     text-align: center;
     margin: 0;
-    padding: ($spacer * 6) 0;
+    padding: ($spacer * 5) 0;
 }

_src/_assets/styles/bigchain/_sections.scss

@@ -14,8 +14,8 @@
     }
 
     @media ($screen-sm) {
-        padding-top: ($spacer * 6);
-        padding-bottom: ($spacer * 6);
+        padding-top: ($spacer * 5);
+        padding-bottom: ($spacer * 5);
     }
 }
 
@@ -53,6 +53,7 @@
 .section-description {
     font-size: $font-size-lg;
     margin-bottom: 0;
+    color: $brand-main-gray-lighter;
 
     + .section-description {
         margin-top: $spacer;

_src/_assets/styles/bigchain/_variables.scss

@@ -68,7 +68,7 @@ $headings-color:            $brand-main-blue-light !default;
 // Scaffolding
 //
 $body-bg:                   $brand-main-gray !default;
-$text-color:                $brand-main-gray-lighter !default;
+$text-color:                $brand-main-gray-light !default;
 
 $link-color:                inherit !default;
 $link-hover-color:          #fff !default;

_src/_layouts/page.html

@@ -7,7 +7,13 @@ layout: base
     {% include menu-main.html %}
 
     <div class="row">
-        <h1 class="header__title">{{ page.title }}</h1>
+        <h1 class="header__title">
+            {% if page.tagline %}
+                {{ page.tagline }}
+            {% else %}
+                {{ page.title }}
+            {% endif %}
+        </h1>
     </div>
 </header>
 

_src/community.html

@@ -2,6 +2,7 @@
 layout: page
 
 title: Community
+tagline: "Get Involved"
 description: 'There are many ways you can contribute to the BigchainDB project, some very easy and others more involved.'
 
 image: photo2.jpg
@@ -13,7 +14,6 @@ quotes: set3
 <section class="section section-community">
     <div class="row">
         <header class="section-header">
-            <h1 class="section-title">Get Involved</h1>
             <p class="section-description">There are many ways you can contribute to the BigchainDB project, some very easy and others more involved. We welcome all potential contributors, so we ask that everyone participating abide by some simple guidelines.</p>
 
             <a href="https://github.com/{{ site.github.org }}/bigchaindb/blob/master/CONTRIBUTING.md" class="btn btn-primary btn-sm">Read The Guidelines</a>

_src/contact.html

@@ -2,14 +2,11 @@
 layout: page
 
 title: Contact
+tagline: Get In Touch
 ---
 
 <section class="section section-contactform">
     <div class="row row--wide">
-        <header class="section-header">
-            <h1 class="section-title">Get In Touch</h1>
-        </header>
-
         <div class="grid grid--full grid-medium--columns grid--gutters">
             <div class="grid__col grid__col--4">
                 {% include/form-contact.html %}

_src/usecases.html

@@ -2,12 +2,12 @@
 layout: page
 
 title: Use Cases
+tagline: Where blockchains and databases meet
 description: For blockchain technology to go mainstream, it needs scale. At BigchainDB, we’ve taken care of that for you.
 
 image: photo4.jpg
 
 intro:
-    title: Where blockchains and databases meet
     description: "BigchainDB is for developers and organizations looking for a scalable, queryable database with blockchain characteristics such as decentralization, immutability and the ability to treat anything stored in the database as an asset. Whether it’s atoms, bits or bytes of value, any real-world blockchain application needs scale and performance. A perfect fit for BigchainDB."
     addition: "We’re still in the early days of the decentralization movement and while all of the industries below are being disrupted in one way or another, there’s an abundance of opportunity within each."
     contact:
@@ -24,7 +24,6 @@ js: page-usecases.min.js
 <section class="section section--intro">
     <div class="row">
         <header class="section-header">
-            <h1 class="section-title">{{ page.intro.title }}</h1>
             <p class="section-description">{{ page.intro.description }}</p>
 
             <div class="grid grid--full grid-small--half grid--gutters grid--top text-left">

_src/whitepaper/index.md

@@ -2,6 +2,7 @@
 layout: page
 
 title: Whitepaper
+tagline: "BigchainDB: A Scalable Blockchain Database"
 description: 'This paper describes BigchainDB. BigchainDB fills a gap in the decentralization ecosystem: a decentralized database, at scale. It is capable of 1 million writes per second throughput, storing petabytes of data, and sub-second latency.'
 
 image: photo3.jpg
@@ -15,8 +16,6 @@ whitepaper:
           button: Download PDF
 ---
 
-## BigchainDB: A Scalable Blockchain Database
-
 *by <br>Trent McConaghy, Rodolphe Marques, Andreas Müller, Dimitri De Jonghe, Troy McConaghy, Greg McMullen, Ryan Henderson, Sylvain Bellemare, Alberto Granzotto*
 
 *February 2016*