From 0afd7f9bc32596d0b14207cedb9131ecde1f1320 Mon Sep 17 00:00:00 2001
From: Jesper Hess Nielsen <jesper@graffen.dk>
Date: Wed, 6 Apr 2016 19:12:20 +0200
Subject: [PATCH] Header and header layout

---
 _includes/header.html | 18 ++++++++++++------
 _sass/_layout.scss    | 35 +++++++++++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index e341bb8..d49870d 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,12 +1,18 @@
-<aside>
-  <div class="container">
-    
-  </div>
-</aside>
-
 <header class="site-header">
   <div class="wrapper">
     <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
   </div>
   <div class="wrapper"><small>This site is also available as a Tor hidden service here: <a href="http://mjfjbs3547exsy6r.onion">http://mjfjbs3547exsy6r.onion</a> </small></div>
+  <aside>
+  <nav>
+    <ul>
+      {% for page in site.pages %} {% if page.title %}
+      <li><a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
+      {% endif %} {% endfor %}
+      <li><a href="{{ "/blog" | prepend: site.baseurl }}">Blog</a></li>
+    </ul>
+  </li>
+</ul>
+</nav>
+</aside>
 </header>
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 71695e3..cd6658d 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -19,6 +19,41 @@
     }
 }
 
+aside {
+    width: 100%;
+    z-index: 2;
+    
+    nav {
+        max-width: 800px;
+        margin: 0 auto;
+        ul {
+            padding: 0;
+            list-style: none;
+            li {
+                float: left;
+                position: relative;
+                a {
+                    text-decoration: none;
+                    display: block;
+                    padding: 15px;
+                    line-height: 20px;
+                    box-shadow: 0;
+                    &:hover,
+                    &:active {
+                        background: $background-color;
+                        text-decoration: none;
+                        color: $text-color;
+                    }
+                }
+            }
+        }
+        &:after {
+            content: '';
+            display: table;
+            clear: both;
+        }
+    }
+}
 
 
 /**