Adding some nav items

src/changelog.html

@@ -0,0 +1 @@
+TODO: Write a changelog

src/documentation.html

@@ -0,0 +1 @@
+TODO: Write documentation

src/index.html

@@ -102,3 +102,5 @@
     </svg>
   </div>
 </div>
+
+<script src="/js/main.js" async defer></script>

src/sass/main.scss

@@ -72,16 +72,23 @@ header {
     overflow: hidden;
 
     ul {
-      @include inline-block-list;
       display: inline-block;
+
+      li {
+        @include border-radius(rhythm(1/2));
+        background-color: $green;
+        margin: 0 0 rhythm(1/4) rhythm(1);
+        padding: 0 rhythm(1/4);
+      }
     }
 
     a {
-      @include adjust-font-size-to($base-font-size, 2);
+      @include adjust-font-size-to($base-font-size, 1);
       @include unstyled-link;
     }
 
     .source {
+      @include adjust-font-size-to($base-font-size, 2);
       float: right;
 
       img {

template.html

@@ -23,10 +23,10 @@
       </div>
 
       <nav>
-        <!--<ul>
-          <li><a href="#">Example</a></li>
-          <li><a href="#">Example</a></li>
-        </ul>-->
+        <ul>
+          <li><a href="/changelog.html">Changelog</a></li>
+          <li><a href="/documentation.html">Documentation</a></li>
+        </ul>
         <a class="source" href="https://github.com/javallone/regexper">
           <img src="/images/GitHub-Mark-32px.png" />Source on GitHub
         </a>
@@ -46,7 +46,5 @@
         </li>
       </ul>
     </footer>
-
-    <script src="/js/main.js"></script>
   </body>
 </html>