From 9734b883f0ee00b31dfecc35aa1a883da0651a4d Mon Sep 17 00:00:00 2001
From: Mike Gerwitz <mike@mikegerwitz.com>
Date: Wed, 23 Nov 2011 22:49:59 -0500
Subject: [PATCH] Adjusted Makefile and CSS to properly highlight current page

---
 Makefile              | 4 +++-
 _includes/header.html | 8 +++++---
 style.css             | 6 ++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/Makefile b/Makefile
index 9029352..45acb4f 100644
--- a/Makefile
+++ b/Makefile
@@ -31,7 +31,9 @@ $(outdir)/images/%.png: images/%.png | $(outdir)
 	cp -r $< $@
 
 $(outdir)/%.html: %.html $(header) $(footer) | $(outdir)
-	cat $(header) $< $(footer) > $@
+	cat $(header) \
+		| sed 's/\(<body\)/\1 class="$*"/' \
+		| cat - $< $(footer) > $@
 
 clean:
 	${RM} -r webroot
diff --git a/_includes/header.html b/_includes/header.html
index 9db43ff..b630b67 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -16,9 +16,11 @@
 
     <div id="menu">
       <ul>
-        <li class="selected"><a href="/">About</a></li>
-        <li><a href="manual-select.html">Manual</a></li>
-        <li><a href="https://github.com/mikegerwitz/easejs">Source Code</a></li>
+        <li id="about"><a href="/">About</a></li>
+        <li id="manual"><a href="manual-select.html">Manual</a></li>
+        <li id="source">
+          <a href="https://github.com/mikegerwitz/easejs">Source Code</a>
+        </li>
       </ul>
     </div>
 
diff --git a/style.css b/style.css
index 3e28c9f..839b408 100644
--- a/style.css
+++ b/style.css
@@ -117,11 +117,13 @@ html, body {
 }
 
 #menu a:hover,
-#menu ul li.selected a {
+body.index #about a,
+body.manual-select #manual a {
   background-color: #204a87;
 }
 
-#menu ul li.selected a {
+body.index #about a,
+body.manual-select #manual a {
   color: #f57900;
 }