Added nav bar

_includes/header.html

@@ -57,6 +57,11 @@ <h2 class="header-title" itemprop="jobTitle">{{ job_info.title }}</h2>
           <p>
             {{ job_info.intro }}
           </p>
+          <div class="heatmap-container">
+            <a href="//github.com/harrymt">
+              <img src="//ghchart.rshah.org/harrymt" alt="harrymt's Github chart" />
+            </a>
+          </div>
           <p>
             I am currently working in {{ site.location }} for <a href="{{ site.company_url }}">{{ site.company }}</a>.
           </p>

_includes/navbar.html

@@ -0,0 +1,8 @@
+<header class="no-print">
+  <nav>
+    <ul>
+     <li><a class="selected" href="/">Home</a></li>
+     <li><a href="/blog">Blog</a></li>
+    </ul>
+  </nav>
+</header>

_sass/_navbar.scss

@@ -0,0 +1,38 @@
+
+/* Header */
+header {
+  padding-bottom: 50px;
+  nav {
+    background: #fff;
+    ul {
+      width: 100%;
+      background: #fff;
+      display: flex;
+      justify-content: flex-start;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      line-height: 1em;
+
+      li a {
+        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+        color: #696969;
+        display: block;
+        padding: 1em;
+        padding-left: 1.5em;
+        padding-right: 1.5em;
+        text-decoration: none;
+        font-size: 16px;
+      }
+
+      li a:hover {
+        color: #555;
+        background: #fafafa;
+      }
+
+      li a.selected {
+        background: #eee;
+      }
+    }
+  }
+}

css/main.scss

@@ -11,4 +11,5 @@
 @import "layout";
 
 // Layouts
-@import "resume";
+@import "resume";
+@import "navbar";