diff --git a/ianonavy/_includes/header.html b/ianonavy/_includes/header.html
index 873fadd..387f45d 100644
--- a/ianonavy/_includes/header.html
+++ b/ianonavy/_includes/header.html
@@ -21,15 +21,15 @@
 
       <div class="trigger">
         <a class="page-link" href="{{ site.baseurl }}/">Blog</a>
-        {% for page in site.pages %}
+        {% for page in site.pages | sort:"title" %}
           {% unless page.exclude %}
             {% if page.title %}
             <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
             {% endif %}
           {% endunless %}
         {% endfor %}
-        <a class="page-link" href="{{ site.code_url }}">Code</a>
-        {% if site.resume_url and site.resume_url != "" %}<a class="page-link" href="{{ site.resume_url }}">Résumé</a>{% endif %}
+        <a class="page-link external-link" href="{{ site.code_url }}">Code</a>
+        {% if site.resume_url and site.resume_url != "" %}<a class="page-link external-link" href="{{ site.resume_url }}">Résumé</a>{% endif %}
       </div>
     </nav>
 
diff --git a/ianonavy/_sass/_layout.scss b/ianonavy/_sass/_layout.scss
index 724be0a..aaf06a2 100644
--- a/ianonavy/_sass/_layout.scss
+++ b/ianonavy/_sass/_layout.scss
@@ -71,6 +71,10 @@
     }
   }
 
+  .external-link::after {
+    content: " »";
+  }
+
   @include media-query($on-palm) {
     position: absolute;
     top: 9px;