move get started steps into content file

_src/_assets/scss/page-front.scss

@@ -225,10 +225,6 @@
 
     a & {
         color: $link-color;
-
-        &:after {
-            content: ' →';
-        }
     }
 
     &:before {

_src/_data/content-front.yml

@@ -63,6 +63,15 @@ roadmap:
 getstarted:
     title: "Get started with IPDB"
     description: "Since you don’t need to setup and maintain your own BigchainDB node, you can get started with IPDB in no time."
+    steps:
+        - title: "Create account"
+          link: "https://developers.ipdb.io/signup?plan_ids[]=2357355879577"
+          text: "Creating an account is free and takes just a second. →"
+        - title: "Get your API credentials"
+          text: "After signing up, you will receive your `app_id` & `app_key`."
+        - title: "Get drivers & tools"
+          link: "https://www.bigchaindb.com/getstarted/#drivers"
+          text: "Point your apps to `test.ipdb.io` and code along. →"
 
 
 connect:

_src/index.html

@@ -181,24 +181,27 @@ css: page-front
         <h2>TL;DR</h2>
 
         <div class="grid grid--full grid-medium--third">
-            <div class="grid__col">
+
-                <a class="getstarted" href="{{ site.signup.link }}">
+            {% for step in content.getstarted.steps %}
-                    <h2 class="getstarted__title">Create account</h2>
+
-                    <p class="getstarted__text">Creating an account is free and takes just a second.</p>
+                <div class="grid__col">
-                </a>
+                    {% if step.link %}
-            </div>
+                    <a class="getstarted" href="{{ step.link }}">
-            <div class="grid__col">
+                    {% else %}
-                <div class="getstarted">
+                    <div class="getstarted">
-                    <h2 class="getstarted__title">Get your API credentials</h2>
+                    {% endif %}
-                    <p class="getstarted__text">After signing up, you will receive your <code>app_id</code> &amp; <code>app_key</code>.</p>
+
+                        <h2 class="getstarted__title">{{ step.title }}</h2>
+                        <p class="getstarted__text">{{ step.text | markdownify }}</p>
+
+                    {% if step.link %}
+                    </a>
+                    {% else %}
+                    </div>
+                    {% endif %}
                 </div>
-            </div>
+
-            <div class="grid__col">
+            {% endfor %}
-                <a class="getstarted" href="https://www.bigchaindb.com/getstarted/#drivers">
-                    <h2 class="getstarted__title">Get drivers &amp; tools</h2>
-                    <p class="getstarted__text">Point your apps to <code>test.ipdb.io</code> and code along.</p>
-                </a>
-            </div>
         </div>
 
         <footer class="section__actions">