From f50faa20467204661098c2c6e4ba1e368b5a6072 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 8 Feb 2016 19:50:38 +0100
Subject: [PATCH] stuff

---
 _config.yml                            |  1 +
 _src/_assets/javascripts/page-front.js |  2 +-
 _src/_assets/styles/page-front.scss    | 15 +++++++++------
 _src/community.html                    | 12 ++++++------
 _src/contact.html                      | 10 +++++-----
 _src/index.html                        | 20 ++++++++++----------
 6 files changed, 32 insertions(+), 28 deletions(-)

diff --git a/_config.yml b/_config.yml
index 2d63f7f..518b92c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -13,6 +13,7 @@ email:
 twitter:                BigchainDB
 facebook:               BigchainDB
 github:                 BigchainDB
+medium:                 the-bigchain-blog
 disqus:                 bigchain
 
 address:
diff --git a/_src/_assets/javascripts/page-front.js b/_src/_assets/javascripts/page-front.js
index a18eac4..848da87 100644
--- a/_src/_assets/javascripts/page-front.js
+++ b/_src/_assets/javascripts/page-front.js
@@ -7,7 +7,7 @@ jQuery(function($) {
 
     // graph animation
     var iconOptions = {
-        type: 'delayed',
+        type: 'async',
         start: 'inViewport',
         duration: 200,
         animTimingFunction: Vivus.EASE_OUT,
diff --git a/_src/_assets/styles/page-front.scss b/_src/_assets/styles/page-front.scss
index b7d77a9..6b1a65c 100644
--- a/_src/_assets/styles/page-front.scss
+++ b/_src/_assets/styles/page-front.scss
@@ -14,17 +14,14 @@
 
 .graph-bigchain {
     display: block;
-    margin-bottom: ($spacer * 2);
-
-
 }
 
 // the SVG
 #bigchain-graph {
     @media ($screen-md) {
-        margin-left: -10%;
-        margin-right: -10%;
-        width: 120%;
+        margin-left: -15%;
+        margin-right: -15%;
+        width: 130%;
     }
 
 }
@@ -32,6 +29,12 @@
 .section-features__main {
     @extend .text-center;
     margin-top: $spacer;
+
+    h3 {
+        display: block;
+        font-size: $font-size-h4;
+        margin-top: 0;
+    }
 }
 
 .section-features__detail {}
diff --git a/_src/community.html b/_src/community.html
index fec472b..9569c72 100644
--- a/_src/community.html
+++ b/_src/community.html
@@ -14,7 +14,7 @@ title: Community
             <div class="grid__col">
                 <h1 class="">Google Group</h1>
                 <p>Participate in our Google Group</p>
-                <a href="https://groups.google.com/forum/#!forum/bigchain" class="btn btn-primary btn-sm">Bigchain Google Group</a>
+                <a href="https://groups.google.com/forum/#!forum/bigchaindb" class="btn btn-primary btn-sm">Bigchain Google Group</a>
             </div>
             <div class="grid__col">
                 <h1>Social</h1>
@@ -34,10 +34,10 @@ title: Community
                         </svg>
                     </a>
 
-                    <a href="https://facebook.com/{{ site.facebook }}" class="btn btn-primary btn-sm btn--social">
-                        <svg class="icon icon--social icon--facebook" aria-labelledby="title">
-                            <title>Facebook</title>
-                            <use xlink:href="/assets/img/sprite.svg#facebook"></use>
+                    <a href="https://medium.com/{{ site.medium }}" class="btn btn-primary btn-sm btn--social">
+                        <svg class="icon icon--social icon--blog" aria-labelledby="title">
+                            <title>Blog</title>
+                            <use xlink:href="/assets/img/sprite.svg#blog"></use>
                         </svg>
                     </a>
                 </p>
@@ -54,7 +54,7 @@ title: Community
         </header>
 
         <p>
-            <a href="https://github.com/ascribe/bigchain/blob/master/CODE_OF_CONDUCT.md" class="btn btn-primary btn-sm">Read Guidelines</a>
+            <a href="https://github.com/bigchaindb/bigchaindb/blob/master/CODE_OF_CONDUCT.md" class="btn btn-primary btn-sm">Read Guidelines</a>
         </p>
     </div>
 </section>
diff --git a/_src/contact.html b/_src/contact.html
index 2238fb5..7286014 100644
--- a/_src/contact.html
+++ b/_src/contact.html
@@ -47,12 +47,12 @@ title: Contact
                             </a>
                         </p>
                         <p>
-                            <a href="https://facebook.com/{{ site.facebook }}">
-                                <svg class="icon icon--social icon--facebook" aria-labelledby="title">
-                                    <title>Facebook</title>
-                                    <use xlink:href="/assets/img/sprite.svg#facebook"></use>
+                            <a href="https://medium.com/{{ site.medium }}">
+                                <svg class="icon icon--social icon--blog" aria-labelledby="title">
+                                    <title>Blog</title>
+                                    <use xlink:href="/assets/img/sprite.svg#blog"></use>
                                 </svg>
-                                Facebook
+                                Blog
                             </a>
                         </p>
 
diff --git a/_src/index.html b/_src/index.html
index 5b07172..a1a93b4 100644
--- a/_src/index.html
+++ b/_src/index.html
@@ -24,24 +24,24 @@ js: page-front.min.js
         </figure>
 
         <div class="section-features__main grid grid--full grid-small--fit grid--gutters">
-            <p class="grid__col">
+            <div class="grid__col">
                 <svg class="icon">
                     <use xlink:href="/assets/img/sprite.svg#icon-graph"></use>
                 </svg>
-                1 Million Transactions per Second
-            </p>
-            <p class="grid__col">
+                <h3>1 Million Transactions per Second</h3>
+            </div>
+            <div class="grid__col">
                 <svg class="icon">
                     <use xlink:href="/assets/img/sprite.svg#icon-servers"></use>
                 </svg>
-                Petabyte Capacity
-            </p>
-            <p class="grid__col">
+                <h3>Petabyte Capacity</h3>
+            </div>
+            <div class="grid__col">
                 <svg class="icon">
                     <use xlink:href="/assets/img/sprite.svg#icon-tree"></use>
                 </svg>
-                Use as a Public or Private Blockchain
-            </p>
+                <h3>Linear Scaling</h3>
+            </div>
         </div>
 
         <p class="lead">BigchainDB allows developers and enterprise to deploy blockchain proof-of-concepts, platforms and applications with a scalable blockchain database.</p>
@@ -70,7 +70,7 @@ js: page-front.min.js
         <div class="grid grid--gutters grid--full grid-medium--columns grid--center">
             <div class="grid__col grid__col--2">
                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus temporibus nostrum, omnis non dolores repellat! Harum delectus, dolores.</p>
-                <p><a href="">Read documentation</a></p>
+                <!-- <p><a href="">Read documentation</a></p> -->
             </div>
             <div class="grid__col grid__col--4">
                 <figure class="terminal highlight">