From 12bd4c1871f86a14ad47a3f680f7e6657dab50c8 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 7 Jan 2016 20:15:09 +0100
Subject: [PATCH] prepare menus

---
 _src/_assets/styles/bigchain.scss             |  1 +
 .../styles/bigchain/_content-page.scss        | 13 +++++++-----
 _src/_assets/styles/bigchain/_footer.scss     |  1 +
 _src/_assets/styles/bigchain/_menus.scss      | 20 ++++++++++++++++++
 _src/_data/menus.yml                          | 18 ++++++++++++++++
 _src/_includes/footer.html                    |  5 ++++-
 _src/_includes/menu-footer.html               | 14 +++++++++++++
 _src/_includes/menu-main.html                 | 21 +++++++++++++++++++
 _src/_layouts/base.html                       |  2 ++
 _src/_layouts/page.html                       | 13 +++++-------
 10 files changed, 94 insertions(+), 14 deletions(-)
 create mode 100644 _src/_assets/styles/bigchain/_menus.scss
 create mode 100644 _src/_data/menus.yml
 create mode 100644 _src/_includes/menu-footer.html
 create mode 100644 _src/_includes/menu-main.html

diff --git a/_src/_assets/styles/bigchain.scss b/_src/_assets/styles/bigchain.scss
index ad68b08..53f8f20 100644
--- a/_src/_assets/styles/bigchain.scss
+++ b/_src/_assets/styles/bigchain.scss
@@ -23,6 +23,7 @@
 @import 'bigchain/_grid';
 @import 'bigchain/_media';
 @import 'bigchain/_sections';
+@import 'bigchain/_menus';
 @import 'bigchain/_alerts';
 @import 'bigchain/_code';
 @import 'bigchain/_syntax';
diff --git a/_src/_assets/styles/bigchain/_content-page.scss b/_src/_assets/styles/bigchain/_content-page.scss
index ed36da8..53f15b8 100644
--- a/_src/_assets/styles/bigchain/_content-page.scss
+++ b/_src/_assets/styles/bigchain/_content-page.scss
@@ -1,10 +1,13 @@
 
-.page-header {
-    padding: $spacer;
-
-    .logo { fill: #fff }
+.page__header {
+    padding: ($spacer * 4) 0;
 }
 
-.page-content {
+.page__title {
+    text-align: center;
+    margin: 0;
+}
+
+.page__content {
 
 }
diff --git a/_src/_assets/styles/bigchain/_footer.scss b/_src/_assets/styles/bigchain/_footer.scss
index 145f068..e58de41 100644
--- a/_src/_assets/styles/bigchain/_footer.scss
+++ b/_src/_assets/styles/bigchain/_footer.scss
@@ -1,5 +1,6 @@
 
 .footer {
+    @extend .small;
     padding-top: $spacer;
     padding-bottom: $spacer;
     text-align: center;
diff --git a/_src/_assets/styles/bigchain/_menus.scss b/_src/_assets/styles/bigchain/_menus.scss
new file mode 100644
index 0000000..d1284a1
--- /dev/null
+++ b/_src/_assets/styles/bigchain/_menus.scss
@@ -0,0 +1,20 @@
+
+.menu {
+}
+
+.menu__link {
+    display: inline-block;
+    padding: $spacer
+}
+
+.menu__logo svg { fill: #fff }
+
+.menu--main {
+    @extend .background--gray;
+
+    .menu__link { color: #fff; }
+}
+
+.menu--footer {
+    @extend .text-center;
+}
diff --git a/_src/_data/menus.yml b/_src/_data/menus.yml
new file mode 100644
index 0000000..7046263
--- /dev/null
+++ b/_src/_data/menus.yml
@@ -0,0 +1,18 @@
+
+main:
+    - title: Features
+      url: /features/
+    - title: Whitepaper
+      url: /whitepaper/
+    - title: Docs
+      url: /docs/
+
+footer:
+    - title: About
+      url: /about/
+    - title: Contact
+      url: /contact/
+    - title: Terms of Service
+      url: /tos/
+    - title: Privacy
+      url: /privacy/
diff --git a/_src/_includes/footer.html b/_src/_includes/footer.html
index 0227f2a..ccee965 100644
--- a/_src/_includes/footer.html
+++ b/_src/_includes/footer.html
@@ -1,6 +1,9 @@
 
 <footer class="footer" role="contentinfo">
     <div class="row">
-        <small>&copy; {{ site.time | date: "%Y" }} {{ site.name }}</small>
+
+        {% include menu-footer.html %}
+        
+        <p><small>&copy; {{ site.time | date: "%Y" }} {{ site.name }}</small></p>
     </div>
 </footer>
diff --git a/_src/_includes/menu-footer.html b/_src/_includes/menu-footer.html
new file mode 100644
index 0000000..fd838c9
--- /dev/null
+++ b/_src/_includes/menu-footer.html
@@ -0,0 +1,14 @@
+<nav class="menu menu--footer">
+    <div class="row">
+        {% for link in site.data.menus.footer %}
+
+            {% assign active = nil %}
+            {% if page.url contains link.url %}
+                {% assign active = 'active' %}
+            {% endif %}
+
+            <a class="menu__link" class="{{ active }}" href="{{ link.url }}">{{ link.title }}</a>
+
+        {% endfor %}
+    </div>
+</nav>
diff --git a/_src/_includes/menu-main.html b/_src/_includes/menu-main.html
new file mode 100644
index 0000000..e071101
--- /dev/null
+++ b/_src/_includes/menu-main.html
@@ -0,0 +1,21 @@
+<nav class="menu menu--main">
+    <div class="row">
+        <a class="menu__logo" href="/">
+            <svg class="logo logo--sm" aria-labelledby="title">
+                <title>Logo</title>
+                <use xlink:href="/assets/img/sprite.svg#logo"></use>
+            </svg>
+        </a>
+
+        {% for link in site.data.menus.main %}
+
+            {% assign active = nil %}
+            {% if page.url contains link.url %}
+                {% assign active = 'active' %}
+            {% endif %}
+
+            <a class="menu__link" class="{{ active }}" href="{{ link.url }}">{{ link.title }}</a>
+
+        {% endfor %}
+    </div>
+</nav>
diff --git a/_src/_layouts/base.html b/_src/_layouts/base.html
index 035c69e..346cf8c 100644
--- a/_src/_layouts/base.html
+++ b/_src/_layouts/base.html
@@ -13,6 +13,8 @@
         </div>
         <![endif]-->
 
+        {% include menu-main.html %}
+        
         {{ content }}
 
         {% include footer.html %}
diff --git a/_src/_layouts/page.html b/_src/_layouts/page.html
index 8005b87..dc08309 100644
--- a/_src/_layouts/page.html
+++ b/_src/_layouts/page.html
@@ -2,16 +2,13 @@
 layout: base
 ---
 
-<header role="banner" class="page-header background--gray">
-    <a href="/">
-        <svg class="logo logo--sm" aria-labelledby="title">
-            <title>Logo</title>
-            <use xlink:href="/assets/img/sprite.svg#logo"></use>
-        </svg>
-    </a>
+<header role="banner" class="page__header">
+    <div class="row">
+        <h1 class="page__title">{{ page.title }}</h1>
+    </div>
 </header>
 
-<section role="main" class="page-content">
+<section role="main" class="page__content">
     <div class="row">
 
         {{ content }}