diff --git a/layouts/articles.html b/layouts/articles.html
index 82e6a85..7ad6ed7 100644
--- a/layouts/articles.html
+++ b/layouts/articles.html
@@ -10,10 +10,20 @@
   <div id="content">
     <h1>Archives</h1>
 
+    <%
+      menu = [
+        ['All', sorted_articles.size],
+        ['Technical', technical_articles.size],
+        ['Personal', personal_articles.size],
+      ]
+    %>
     <ul class="inline">
-      <li><a href="/articles/">All</a> (<%= sorted_articles.size %>)</li>
-      <li><a href="/technical/articles/">Technical</a> (<%= technical_articles.size %>)</li>
-      <li><a href="/personal/articles/">Personal</a> (<%= personal_articles.size %>)</li>
+      <% menu.each do |menu_item|
+        label, count = menu_item
+        path = (label != "All" ? '/' + label.downcase : '') + "/articles/"
+      %>
+      <li><a href="<%= path %>"<%= %Q{class="active"} if @item.identifier == path %>><%= label %></a> (<%= count %>)</li>
+      <% end %>
     </ul>
 
     <ul class="articles">
diff --git a/output/css/style.css b/output/css/style.css
index 8a82148..33ab048 100644
--- a/output/css/style.css
+++ b/output/css/style.css
@@ -192,6 +192,9 @@ ul.articles strong {
 a.more {
 /*  float: right;*/
 }
+a.active {
+  font-weight: bold;
+}
 
 /* Inline flat list style */
 ul.inline {