From 0aea6dae4b340e4e889bf9be4adf98b6cd64ee2d Mon Sep 17 00:00:00 2001
From: Wesley Moore <wez@wezm.net>
Date: Sat, 30 Jan 2010 17:42:29 +1100
Subject: [PATCH] Link archive pages together with a simple menu

---
 layouts/articles.html | 16 +++++++++++++---
 output/css/style.css  |  3 +++
 2 files changed, 16 insertions(+), 3 deletions(-)

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 {