Header and header layout

_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>

_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;
+        }
+    }
+}
 
 
 /**