From ade832dbe96b11d8fd20361dc6f232c1b9d09e8f Mon Sep 17 00:00:00 2001
From: Anton Keks <anton@azib.net>
Date: Wed, 2 Mar 2016 21:21:51 +0200
Subject: [PATCH] use javascript for active menu item highlighting

---
 _layouts/default.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index ede40429..214432ab 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -21,13 +21,19 @@
           
           <section id="menu">
             <ul>
-              <li class="{%if page.url == '/about/'%}active{%endif%}"><a href="/about/">About</a></li>
-              <li class="{%if page.url == '/screenshots/'%}active{%endif%}"><a href="/screenshots/">Screenshots</a></li>
-              <li class="{%if page.url == '/download/'%}active{%endif%}"><a href="/download/">Download</a></li>
-              <li class="{%if page.url == '/faq/'%}active{%endif%}"><a href="/faq/">FAQ</a></li>
-              <li class="{%if page.url == '/contribute/'%}active{%endif%}"><a href="/contribute/">Contribute</a></li>
+              <li><a href="/about/">About</a></li>
+              <li><a href="/screenshots/">Screenshots</a></li>
+              <li><a href="/download/">Download</a></li>
+              <li><a href="/faq/">FAQ</a></li>
+              <li><a href="/contribute/">Contribute</a></li>
             </ul>
           </section>
+          <script>
+            var menuItems = document.querySelectorAll('#menu a');
+            for (var i = 0; i < menuItems.length; i++) {
+              if (location.href.indexOf(menuItems[i].href) == 0) menuItems[i].parentNode.classList.add('active');
+            }
+          </script>
         </header>
     </div>