From 6ce8797cb9fe1e773a808fea93470639a1d99f5e Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 16 Oct 2017 09:50:15 +0200
Subject: [PATCH] source tools from content data

---
 _src/_assets/scss/page-front.scss |  2 +-
 _src/_data/content-front.yml      | 10 ++++++-
 _src/index.html                   | 47 ++++++++++++-------------------
 3 files changed, 28 insertions(+), 31 deletions(-)

diff --git a/_src/_assets/scss/page-front.scss b/_src/_assets/scss/page-front.scss
index db36301..8e7b0e8 100644
--- a/_src/_assets/scss/page-front.scss
+++ b/_src/_assets/scss/page-front.scss
@@ -277,7 +277,7 @@
 
     .icon {
         fill: inherit;
-        opacity: .4;
+        opacity: .5;
         margin-left: $spacer / 2;
         width: $font-size-mini;
         margin-bottom: -.2rem;
diff --git a/_src/_data/content-front.yml b/_src/_data/content-front.yml
index d154d9c..311e887 100644
--- a/_src/_data/content-front.yml
+++ b/_src/_data/content-front.yml
@@ -78,7 +78,15 @@ getstarted:
         - title: "Get drivers & tools"
           link: "https://www.bigchaindb.com/getstarted/#drivers"
           text: "Point your apps to `test.ipdb.io` and code along. →"
-
+    tools:
+        - title: "BigchainDB Explorer"
+          description: "Use BigchainDB's HTTP API to explore assets, accounts and transactions."
+          link: "http://www.nileshtrivedi.com/bigchaindb-explorer/"
+          github: "https://github.com/nileshtrivedi/bigchaindb-explorer"
+        - title: "IPDB Explorer"
+          description: "Tool for exploring IPDB txs based on asset ids and public keys."
+          link: "https://ipdb-explorer.license.rocks/"
+          github: "https://github.com/LicenseRocks/ipdb-explorer"
 
 connect:
     title: "Stay connected"
diff --git a/_src/index.html b/_src/index.html
index 2cad199..5075e60 100644
--- a/_src/index.html
+++ b/_src/index.html
@@ -232,37 +232,26 @@ css: page-front
 
                 <div class="grid__col grid__col--4">
 
-                    <div class="tool">
-                        <h3 class="tool__title">
-                            <a href="http://www.nileshtrivedi.com/bigchaindb-explorer/">BigchainDB Explorer</a>
-                            <a href="https://github.com/nileshtrivedi/bigchaindb-explorer" title="GitHub">
-                                <svg class="icon" aria-labelledby="title">
-                                    <title>GitHub</title>
-                                    <use xlink:href="/assets/img/sprite.svg#icon-github"></use>
-                                </svg>
-                            </a>
-                        </h3>
+                    {% for tool in content.getstarted.tools %}
+                        <div class="tool">
+                            <h3 class="tool__title">
+                                <a href="{{ tool.link }}">{{ tool.title }}</a>
 
-                        <p class="tool__description">
-                            Use BigchainDB's HTTP API to explore assets, accounts and transactions.
-                        </p>
-                    </div>
+                                {% if tool.github %}
+                                <a href="{{ tool.github }}" title="GitHub">
+                                    <svg class="icon" aria-labelledby="title">
+                                        <title>GitHub</title>
+                                        <use xlink:href="/assets/img/sprite.svg#icon-github"></use>
+                                    </svg>
+                                </a>
+                                {% endif %}
+                            </h3>
 
-                    <div class="tool">
-                        <h3 class="tool__title">
-                            <a href="https://ipdb-explorer.license.rocks/">IPDB Explorer</a>
-                            <a href="https://github.com/LicenseRocks/ipdb-explorer" title="GitHub">
-                                <svg class="icon" aria-labelledby="title">
-                                    <title>GitHub</title>
-                                    <use xlink:href="/assets/img/sprite.svg#icon-github"></use>
-                                </svg>
-                            </a>
-                        </h3>
-
-                        <p class="tool__description">
-                             Tool for exploring IPDB txs based on asset ids and public keys
-                        </p>
-                    </div>
+                            <p class="tool__description">
+                                 {{ tool.description }}
+                            </p>
+                        </div>
+                    {% endfor %}
 
                 </div>
             </div>