From 57419294e0e5d58adabfe8c2faf07e0845a0f1ee Mon Sep 17 00:00:00 2001
From: Kyle Mathews <mathews.kyle@gmail.com>
Date: Sat, 12 Mar 2016 23:01:57 -0800
Subject: [PATCH] Add a simple header/nav-bar fixes #2

---
 package.json        |  1 +
 pages/_template.jsx | 28 ++++++++++++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/package.json b/package.json
index 8e6dedb01a0e2..59cd40c77dc22 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "react": "^0.14.7",
     "react-document-title": "^2.0.1",
     "react-dom": "^0.14.7",
+    "react-headroom": "^1.8.0",
     "react-responsive-grid": "^0.3.0",
     "react-router": "^2.0.0",
     "safe-access": "^0.1.0",
diff --git a/pages/_template.jsx b/pages/_template.jsx
index c880f06cffdf6..4e2584f0a7a41 100644
--- a/pages/_template.jsx
+++ b/pages/_template.jsx
@@ -1,5 +1,7 @@
 import React from 'react'
 import { Container } from 'react-responsive-grid'
+import { Link } from 'react-router'
+import Headroom from 'react-headroom'
 
 import { rhythm } from 'utils/typography'
 
@@ -12,6 +14,32 @@ module.exports = React.createClass({
   render () {
     return (
       <div>
+        <Headroom
+          wrapperStyle={{
+            marginBottom: rhythm(1),
+          }}
+          style={{
+            background: 'lightgray',
+            padding: rhythm(1),
+          }}
+        >
+          <Container
+            style={{
+              maxWidth: 960,
+              paddingTop: 0,
+            }}
+          >
+            <Link
+              to="/"
+              style={{
+                color: 'black',
+                textDecoration: 'none',
+              }}
+            >
+              Gatsby!!!
+            </Link>
+          </Container>
+        </Headroom>
         <Container
           style={{
             maxWidth: 960,