add dates to roadmap

_src/_assets/scss/_variables.scss

@@ -26,7 +26,7 @@ $font-weight-bold:          500 !default;
 
 $font-size-base:            1rem !default;
 $font-size-large:           1.25rem !default;
-$font-size-small:           .9rem !default;
+$font-size-small:           .85rem !default;
 $font-size-mini:            .7rem !default;
 
 $font-size-h1:              2rem !default;

_src/_assets/scss/page-front.scss

@@ -69,7 +69,6 @@
 }
 
 .roadmap__step {
-    font-size: $font-size-small;
     position: relative;
     margin-bottom: $spacer * 2;
 
@@ -94,7 +93,7 @@
         border: .2rem solid #fff;
         position: absolute;
         left: -2.95rem;
-        top: 0;
+        top: -.25rem;
 
         @media ($screen-md) {
             position: relative;
@@ -119,7 +118,8 @@
     }
 }
 
-.roadmap__net {
+.roadmap__net,
+.roadmap__target {
     margin-bottom: 0;
 }
 
@@ -127,6 +127,18 @@
     color: $brand-07;
 }
 
+.roadmap__time {
+    color: $brand-02;
+    font-size: $font-size-small;
+
+    @media ($screen-md) {
+        position: absolute;
+        left: 0;
+        bottom: -70%;
+        width: 100%;
+    }
+}
+
 
 //
 // Connect

_src/_data/content-front.yml

@@ -23,7 +23,7 @@ intro:
 
 foundation:
     title: "IPDB Foundation: human-scale governance"
-    description: "IPDB relies on caretakers to run the BigchainDB nodes that store and validate transactions. The IPDB Caretakers are the members of the IPDB Foundation and … summarize Jurisdictional diversity & Not for profit"
+    description: "IPDB relies on caretakers to run the BigchainDB nodes that store and validate transactions. The IPDB Caretakers are the members of the IPDB Foundation."
     button: "Learn about IPDB Foundation"
 
 
@@ -34,15 +34,19 @@ roadmap:
         - net: Test net
           target: Demo app
           status: complete
+          time: Q4 2016
         - net: Test net
           target: Invited users
           status: complete
+          time: Q1 2017
         - net: Test net
           target: General public
           status: complete
+          time: Q2 2017
         - net: Production net
           target: Demo app
           status: progress
+          time: In progress
         - net: Production net
           target: Invited users
           status: planned

_src/index.html

@@ -145,6 +145,7 @@ css: page-front
                 <div class="roadmap__step is-{{ status }}">
                     <p class="roadmap__net">{{ step.net }}</p>
                     <p class="roadmap__target">{{ step.target }}</p>
+                    {% if step.time %}<p class="roadmap__time">{{ step.time }}</p>{% endif %}
                 </div>
 
             {% endfor %}