From ee34a211ded0fcc623d41c7a6e652179d20d83d6 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 24 Aug 2017 16:07:25 +0200
Subject: [PATCH] move front page content into data file

---
 _config.yml                  |  3 +++
 _src/_data/content-front.yml | 33 ++++++++++++++++++++++++++++++
 _src/index.html              | 39 ++++++++++++++++++------------------
 3 files changed, 56 insertions(+), 19 deletions(-)
 create mode 100644 _src/_data/content-front.yml

diff --git a/_config.yml b/_config.yml
index 855e6f4..50ebbda 100644
--- a/_config.yml
+++ b/_config.yml
@@ -12,6 +12,9 @@ github:
 analyticsID:    ""
 typekitID:      "bko7hwo"
 
+signup:
+    button: Sign up for free (testnet)
+    link: https://developers.ipdb.io
 
 # Urls
 # --------------------
diff --git a/_src/_data/content-front.yml b/_src/_data/content-front.yml
new file mode 100644
index 0000000..1a1015b
--- /dev/null
+++ b/_src/_data/content-front.yml
@@ -0,0 +1,33 @@
+hero:
+    title: "The blockchain database platform for the decentralized stack"
+
+
+intro:
+    title: "A planetary-scale blockchain database"
+    description: "The distributed, permanent web is evolving and needs a decentralized database. We are that database."
+    text: |
+        IPDB is a planetary-scale blockchain database built on [BigchainDB](https://www.bigchaindb.com). It’s a ready-to-use public network with a focus on strong governance. It shares all the features of BigchainDB to make developers’ lives easier.
+
+
+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"
+    button: "Learn about IPDB Foundation and its caretakers"
+
+
+roadmap:
+    title: "Roadmap"
+    description: "The IPDB rollout plan follows six steps. First, a test network for demos, then for invited users, and then for the general public. When the test phase is complete, a production network will be launched in the same sequence."
+
+
+getstarted:
+    title: "Get started"
+    description: "GET https://test.ipdb.io/api/"
+
+
+connect:
+    title: "Stay connected"
+    description: "Stalk us like there's no tomorrow."
+    blog_title: "From the blog"
+    newsletter_title: "Newsletter"
+    social_title: "Follow us"
diff --git a/_src/index.html b/_src/index.html
index 7751631..fd8ddc7 100644
--- a/_src/index.html
+++ b/_src/index.html
@@ -3,15 +3,16 @@ layout: base
 front_page: true
 ---
 
+{% assign content = site.data.content-front %}
+
 <header class="hero section">
 
     {% include menu-main.html %}
 
     <div class="hero__content row">
         <hgroup>
-            <h1 class="hero__title">The blockchain database platform
-for the decentralized stack</h1>
-            <a href="/getstarted/" class="hero__action button button--primary">Sign up for free (testnet)</a>
+            <h1 class="hero__title">{{ content.hero.title }}</h1>
+            <a href="{{ site.signup.link }}" class="hero__action button button--primary">{{ site.signup.button }}</a>
         </hgroup>
     </div>
 </header>
@@ -20,13 +21,13 @@ for the decentralized stack</h1>
 <section class="section section--intro">
     <div class="row">
         <header class="section__header">
-            <h1 class="section__title">A planetary-scale blockchain database</h1>
-            <p class="section__description">The distributed, permanent web is evolving and needs a decentralized database. We are that database.</p>
+            <h1 class="section__title">{{ content.intro.title }}</h1>
+            <p class="section__description">{{ content.intro.description }}</p>
         </header>
 
-        <p>IPDB is a planetary-scale blockchain database built on BigchainDB. It’s a ready-to-use public network with a focus on strong governance. It shares all the features of BigchainDB to make developers’ lives easier.</p>
+        {{ content.intro.text | markdownify }}
 
-        <a href="" class="button button--primary">Sign up for free (testnet)</a>
+        <a href="{{ site.signup.link }}" class="hero__action button button--primary">{{ site.signup.button }}</a>
         <a href="" class="button button--primary">Read IPDB Documentation</a>
     </div>
 </section>
@@ -35,8 +36,8 @@ for the decentralized stack</h1>
 <section class="section section--background section--foundation">
     <div class="row">
         <header class="section__header">
-            <h1 class="section__title">IPDB Foundation: human-scale governance</h1>
-            <p class="section__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</p>
+            <h1 class="section__title">{{ content.foundation.title }}</h1>
+            <p class="section__description">{{ content.foundation.description }}</p>
         </header>
     </div>
     <div class="row">
@@ -44,7 +45,7 @@ for the decentralized stack</h1>
     </div>
 
     <div class="row">
-        <a href="/foundation/" class="button button--primary">Learn about IPDB Foundation and its caretakers</a>
+        <a href="/foundation/" class="button button--primary">{{ content.foundation.button }}</a>
     </div>
 </section>
 
@@ -52,8 +53,8 @@ for the decentralized stack</h1>
 <section class="section section--roadmap">
     <div class="row">
         <header class="section__header">
-            <h1 class="section__title">Roadmap</h1>
-            <p class="section__description">The IPDB rollout plan follows six steps. First, a test network for demos, then for invited users, and then for the general public. When the test phase is complete, a production network will be launched in the same sequence.</p>
+            <h1 class="section__title">{{ content.roadmap.title }}</h1>
+            <p class="section__description">{{ content.roadmap.description }}</p>
         </header>
 
         <div class="roadmap">
@@ -66,8 +67,8 @@ for the decentralized stack</h1>
 <section class="section section--background section--getstarted">
     <div class="row">
         <header class="section__header">
-            <h1 class="section__title">Get started</h1>
-            <p class="section__description">GET https://test.ipdb.io/api/</p>
+            <h1 class="section__title">{{ content.getstarted.title }}</h1>
+            <p class="section__description">{{ content.getstarted.description }}</p>
         </header>
     </div>
 </section>
@@ -76,21 +77,21 @@ for the decentralized stack</h1>
 <section class="section section--connect">
     <div class="row">
         <header class="section__header">
-            <h1 class="section__title">Stay connected</h1>
-            <p class="section__description">Stalk us like there's no tomorrow.</p>
+            <h1 class="section__title">{{ content.connect.title }}</h1>
+            <p class="section__description">{{ content.connect.description }}</p>
         </header>
 
         <div class="connect connect--blog">
-            <h2 class="connect__title">From the blog</h2>
+            <h2 class="connect__title">{{ content.connect.blog_title }}</h2>
             <a href="https://blog.ipdb.io" class="button button--primary">IPDB Blog</a>
         </div>
 
         <div class="connect connect--newsletter">
-            <h2 class="connect__title">Newsletter</h2>
+            <h2 class="connect__title">{{ content.connect.newsletter_title }}</h2>
         </div>
 
         <div class="connect connect--social">
-            <h2 class="connect__title">Follow</h2>
+            <h2 class="connect__title">{{ content.connect.social_title }}</h2>
         </div>
     </div>
 </section>