Add support for navbar links.

docs/_includes/header.html

@@ -1,5 +1,10 @@
 <nav>
   <div class="center">
-    <a href="{{ "/" | relative_url }}">{{ site.title }}</a>
+    <a href="{{ "/" | relative_url }}" class="primary-link">{{ site.title }}</a>
+    {% for page in site.pages %}
+    {% if page.in_header %}
+    <a href="{{ page.url | relative_url }}">{{ page.title }}</a>
+    {% endif %}
+    {% endfor %}
   </div>
 </nav>

docs/_pages/about.md

@@ -1,4 +1,5 @@
 ---
+in_header: true
 layout: page
 title: About
 permalink: /about/

docs/assets/css/main.scss

@@ -28,8 +28,12 @@ nav {
   a {
     text-decoration: none;
     color: $background-color;
-    font: {
-      size: 25px;
+    font-size: 20px;
+    margin-right: 10px;
+
+    &.primary-link {
+      font-size: 30px;
+      margin-right: 20px;
     }
 
     &:hover {