add footer menu

Author: smth

_data/secondary-menu.yml

@@ -0,0 +1,14 @@
+- title: "About"
+  slug: "about"
+
+- title: "Work Packages"
+  slug: "about/work-packages"
+
+- title: "Deliverables"
+  slug: "about/deliverables"
+
+- title: "Partners"
+  slug: "about/partners"
+
+- title: "Press"
+  slug: "press"

_includes/footer.html

@@ -1,3 +1,13 @@
+<nav class="footer-nav">
+  <ul>
+    {% for item in site.data.secondary-menu %}
+    <li{% if current_page.last == item.slug %} class='active'{% endif %}>
+      <a href="{{ site.baseurl }}/{{ item.slug }}">{{ item.title }}</a>
+    </li>
+  {% endfor %}
+  </ul>
+</nav>
+
 <footer class="site-footer">
   <div class="wrapper">
     <a class="footer-logo" href="http://openbudgets.eu/">

_sass/_footer.scss

@@ -3,6 +3,34 @@ $footer-color: white;
 $footer-link-color: transparentize($footer-color, .4);
 $footer-disclaimer-color: transparentize($footer-color, .6);
 
+.footer-nav {
+  background-color: $medium-gray;
+
+  & > ul {
+    @include outer-container;
+    padding-top: $small-spacing;
+    padding-bottom: $small-spacing;
+
+    & > li {
+
+      @include media($medium-screen) {
+        display: inline-block;
+      }
+
+      a {
+        display: inline-block;
+        padding: $small-spacing $base-spacing;
+        color: rgba(#fff, 0.7);
+        font-size: .9em;
+
+        &:hover {
+          color: #fff;
+        }
+      }
+    }
+  }
+}
+
 html {
     background: $footer-background;
 }