Add navbar and first content block

source/layouts/layout.haml

@@ -26,5 +26,8 @@
             = image_tag 'pdf.png'
           %p= I18n.t(:download_resume)
 
-    %section
+    %nav
+      %ul
+
+    .content
       = yield

source/localizable/index.html.haml

@@ -2,7 +2,8 @@
 title: Welcome to Middleman
 ---
 
-.welcome
-  %h1 Middleman is Watching
-  %p.doc
-    = link_to "Read Online Documentation", "http://middlemanapp.com"
+%section.welcome
+  = image_tag 'github-original.png'
+  %p
+    = I18n.t(:find_me_github)
+    = link_to 'gdott9', 'https://github.com/gdott9'

source/stylesheets/all.css.scss

@@ -4,10 +4,6 @@ body {
   font: 14px Verdana, sans-serif;
   background: #99a;
   color: #eee;
-  & > section {
-    margin: 0 4em;
-    margin-top: 220px;
-  }
 }
 
 a {
@@ -34,7 +30,7 @@ a {
 
     a {
       text-decoration: none;
-      text-transform: uppercase;
+      font-variant: small-caps;
     }
   }
 }
@@ -81,3 +77,32 @@ header {
     }
   }
 }
+
+nav {
+  margin-top: 50px;
+  padding: 10px;
+  padding-left: 28em;
+  background-color: rgba(0, 0, 0, 0.6);
+  border: white solid;
+  border-width: 2px 0;
+
+  ul {
+    padding: 0;
+    margin: 0;
+    li {
+      list-style: none;
+      display: inline-block;
+    }
+  }
+}
+
+.content {
+  margin: 0 4em;
+  margin-top: 140px;
+
+  section {
+    background-color: rgba(0,0,0,0.7);
+    border: 2px solid white;
+    padding: 1.2em;
+  }
+}