diff --git a/src/changelog.html b/src/changelog.html
new file mode 100644
index 0000000..376d21d
--- /dev/null
+++ b/src/changelog.html
@@ -0,0 +1 @@
+TODO: Write a changelog
diff --git a/src/documentation.html b/src/documentation.html
new file mode 100644
index 0000000..fbcfce2
--- /dev/null
+++ b/src/documentation.html
@@ -0,0 +1 @@
+TODO: Write documentation
diff --git a/src/index.html b/src/index.html
index 64bd129..a8e1023 100644
--- a/src/index.html
+++ b/src/index.html
@@ -102,3 +102,5 @@
     </svg>
   </div>
 </div>
+
+<script src="/js/main.js" async defer></script>
diff --git a/src/sass/main.scss b/src/sass/main.scss
index 473415d..9d94103 100644
--- a/src/sass/main.scss
+++ b/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 {
diff --git a/template.html b/template.html
index 9ca3840..d35fcf7 100644
--- a/template.html
+++ b/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>