From dbe88db64d11abaabf4b80cdb3cadcf6bf35b9fe Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Sat, 24 Jun 2017 13:33:46 +0200
Subject: [PATCH] quick front page reorganisation

* move sections around
* add CTA to intro
* remove redundant Features CTA section
* give Blog section title/description
* IPDB banner on every page of the site
* decouple content & code in intro section
---
 _src/_assets/styles/_page-front.scss      | 13 +++---
 _src/_includes/footer.html                |  2 +
 _src/_includes/sections/section-blog.html |  5 +++
 _src/index.html                           | 52 +++++++++++------------
 4 files changed, 41 insertions(+), 31 deletions(-)

diff --git a/_src/_assets/styles/_page-front.scss b/_src/_assets/styles/_page-front.scss
index d8c236a..9236898 100644
--- a/_src/_assets/styles/_page-front.scss
+++ b/_src/_assets/styles/_page-front.scss
@@ -5,7 +5,8 @@
 //
 
 .page-front {
-    .section--partners {
+    .section--partners,
+    .section-testimonials {
         @extend .background--darker;
     }
 }
@@ -14,6 +15,11 @@
     .section-header {
         margin-bottom: $spacer * 2;
     }
+
+    p:last-child {
+        margin-top: $spacer * 4;
+        margin-bottom: 0;
+    }
 }
 
 .section-intro__main {
@@ -37,9 +43,6 @@
         margin: auto;
         margin-bottom: $spacer;
     }
-}
 
-.section-quickstart__title {
-    @extend .h3;
-    margin-top: 0;
+
 }
diff --git a/_src/_includes/footer.html b/_src/_includes/footer.html
index 765021d..ff5317b 100644
--- a/_src/_includes/footer.html
+++ b/_src/_includes/footer.html
@@ -1,3 +1,5 @@
+{% include ipdb.html %}
+
 <footer class="footer section" role="contentinfo">
     <div class="row row--wide">
 
diff --git a/_src/_includes/sections/section-blog.html b/_src/_includes/sections/section-blog.html
index 0a327a9..7b85c5f 100644
--- a/_src/_includes/sections/section-blog.html
+++ b/_src/_includes/sections/section-blog.html
@@ -1,6 +1,11 @@
 <section class="section section--blog ">
     <div class="row row--wide">
 
+        <header class="section-header">
+            <h1 class="section-title">The BigchainDB Blog</h1>
+            <p class="section-description">Updates, stories and ideas from the people behind BigchainDB.</p>
+        </header>
+
         <div class="grid grid--full grid-small--half grid-medium--third grid--gutters">
             {% for article in site.articles | limit: 6 %}
                 <div class="grid__col">
diff --git a/_src/index.html b/_src/index.html
index 478a863..f7e6571 100644
--- a/_src/index.html
+++ b/_src/index.html
@@ -10,6 +10,20 @@ js: page-front.min.js
 
 redirect_from:
     - /partners/
+
+
+intro:
+    title: "This is BigchainDB"
+    description: "With high throughput, sub-second latency and powerful functionality to automate business processes, BigchainDB looks, acts and feels like a database with added blockchain characteristics."
+    keyfeatures:
+        - title: "Decentralization"
+          icon: "icon-nodes"
+        - title: "Immutability"
+          icon: "icon-castle"
+        - title: "Native Assets"
+          icon: "icon-diamond"
+    text: "BigchainDB allows developers and enterprise to deploy blockchain proof-of-concepts, platforms and applications with a scalable blockchain database, supporting a wide range of industries and use cases."
+    button: "All Features"
 ---
 
 {% include hero.html %}
@@ -17,48 +31,34 @@ redirect_from:
 <section id="features" class="section section-intro">
     <div class="row">
         <header class="section-header">
-            <h1 class="section-title">This is BigchainDB</h1>
-            <p class="section-description lead">
-              With high throughput, sub-second latency and powerful functionality to automate business processes, BigchainDB looks, acts and feels like a database with added blockchain characteristics.
-            </p>
+            <h1 class="section-title">{{ page.intro.title }}</h1>
+            <p class="section-description lead">{{ page.intro.description }}</p>
         </header>
 
         <div class="section-intro__main grid grid--full grid-small--fit grid--gutters">
+            {% for feature in page.intro.keyfeatures %}
             <div class="grid__col">
                 <svg class="icon">
-                    <use xlink:href="/assets/img/sprite.svg#icon-nodes"></use>
+                    <use xlink:href="/assets/img/sprite.svg#{{ feature.icon }}"></use>
                 </svg>
-                <h3>Decentralization</h3>
-            </div>
-            <div class="grid__col">
-                <svg class="icon">
-                    <use xlink:href="/assets/img/sprite.svg#icon-castle"></use>
-                </svg>
-                <h3>Immutability</h3>
-            </div>
-            <div class="grid__col">
-                <svg class="icon">
-                    <use xlink:href="/assets/img/sprite.svg#icon-diamond"></use>
-                </svg>
-                <h3>Native Assets</h3>
+                <h3>{{ feature.title }}</h3>
             </div>
+            {% endfor %}
         </div>
 
-        <p class="large text-center">
-          BigchainDB allows developers and enterprise to deploy blockchain proof-of-concepts, platforms and applications with a scalable blockchain database, supporting a wide range of industries and use cases.
+        <p class="large text-center">{{ page.intro.text }}</p>
+
+        <p class="text-center">
+            <a class="btn btn-primary" href="/features/">{{ page.intro.button }}</a>
         </p>
     </div>
 
 </section>
 
-{% include sections/section-partners.html %}
+{% include sections/section-testimonials.html %}
 
 {% include sections/section-cta-enterprise.html %}
 
-{% include sections/section-testimonials.html %}
-
-{% include sections/section-cta-features.html %}
+{% include sections/section-partners.html %}
 
 {% include sections/section-blog.html %}
-
-{% include ipdb.html %}