add sum files

_data/navigation.yml

@@ -0,0 +1,8 @@
+- title: about
+  url: /me
+
+- title: github
+  url: https://github.com/getmicah
+
+- title: twitter
+  url: https://twitter.com/getmicah

_includes/header.html

@@ -2,5 +2,12 @@
 <div class="header">
     <h1>{{ site.name }}</h1>
     <h2>{{ site.description }}</h2>
-    <a href="/">home</a>
+    <ul>
+        <li><a href="/">home</a></li>
+        {% for item in site.data.navigation %}
+        <li>
+            <a href="{{ item.url }}">{{ item.title }}</a>
+        </li>
+        {% endfor %}
+    </ul>
 </div>

_sass/_header.scss

@@ -0,0 +1,14 @@
+// HEADER
+.header {
+    h1 {
+        font-size: 36px;
+    }
+    h2 {
+        font-size: 20px;
+    }
+    ul {
+        li {
+            display: inline;
+        }
+    }
+}

_sass/_post.scss

@@ -0,0 +1,4 @@
+// POST
+.post {
+    margin-top: 20px;
+}

assets/css/main.scss

@@ -3,32 +3,47 @@
 
 @import "reset";
 @import "config";
+@import "header";
+@import "post";
+@import "about";
+
 
 body {
     color: $color-primary;
     background: $color-background;
 }
+h1, h2 {
+    margin-bottom: 5px;
+}
+a {
+  color: #1A0DAB;
+  text-decoration: none;
+  &:visited {
+    color: #1A0DAB;
+    text-decoration: none;
+  }
+  &:hover {
+    color: #1A0DAB;
+    text-decoration: underline;
+  }
+  &:active {
+    color: #1A0DAB;
+    text-decoration: none;
+  }
+}
 
 
 // WRAPPER
 .wrapper {
-    margin: 30px;
-}
-
-
-// HEADER
-.header {
-    h1 {
-        font-size: 36px;
-    }
-    h2 {
-        font-size: 20px;
-    }
+    max-width: 666px;
+    margin: auto;
+    padding: 30px;
 }
 
 
 // PORTFOLIO
 .portfolio {
+    margin-top: 20px;
     h1 {
         font-size: 24px;
     }
@@ -37,13 +52,8 @@ body {
 
 // BLOG
 .blog {
+    margin-top: 20px;
     h1 {
         font-size: 24px;
     }
 }
-
-
-// POST
-.post {
-    
-}

index.html

@@ -13,6 +13,7 @@ layout: default
     </ul>
 </div>
 
+
 <div class="blog">
     <h1>Blog</h1>
     <ul>