Pfusch lol

public/css/main.css

@@ -154,6 +154,9 @@ menu
     {
         background-color: #777;
     }
+    menu li > ul.hidden {
+        display: none;
+    }
 
     menu li p
     {

public/js/main.js

@@ -0,0 +1,13 @@
+$(document).ready(() => {
+  switch(window.location.pathname.split(/\//)[1]) {
+    case "v": $("li:eq(1)").addClass("active"); break;
+    case "u": $("li:eq(3)").addClass("active"); break;
+    case "a":
+      $("li:eq(5)").addClass("active");
+      $("li:eq(5) > ul").removeClass("hidden");
+    break;
+    default:
+      $("li:eq(0)").addClass("active");
+    break;
+  }
+});

views/layouts/main.handlebars

@@ -15,13 +15,13 @@
   <p id="info">a javascript pastebin</p>
 </header>
 <menu>
-  <li class="active highlight"><a href="/">New paste</a></li>
+  <li class="highlight"><a href="/">New paste</a></li>
   <li class="highlight"><a href="/v">View pastes</a></li>
   <li><hr></li>
   <li class="highlight"><a href="/u">Login</a></li>
   <li><hr></li>
   <li class="highlight"><a href="/a">About</a>
-    <ul class="submenu">
+    <ul class="submenu hidden">
       <li><a href="/a/howto">How to</a></li>
       <li><a href="/a/contact">Contact</a></li>
       <li><a href="/a/statistics">Statistics</a></li>
@@ -35,6 +35,7 @@
 
 <script type="text/javascript" src="/js/jquery-3.1.0.min.js"></script>
 <script type="text/javascript" src="/js/jquery.timeago.js"></script>
+<script type="text/javascript" src="/js/main.js"></script>
 <script>
   $(document).ready(() => {
     let s = $.timeago.settings;