From f8fbcf0384528592284064ad5bf4735439833991 Mon Sep 17 00:00:00 2001
From: Flummi <flummi@f0ck.space>
Date: Mon, 19 Feb 2018 11:15:33 +0100
Subject: [PATCH] Pfusch lol

---
 public/css/main.css           |  3 +++
 public/js/main.js             | 13 +++++++++++++
 views/layouts/main.handlebars |  5 +++--
 3 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 public/js/main.js

diff --git a/public/css/main.css b/public/css/main.css
index d82adc7..2a61995 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -154,6 +154,9 @@ menu
     {
         background-color: #777;
     }
+    menu li > ul.hidden {
+        display: none;
+    }
 
     menu li p
     {
diff --git a/public/js/main.js b/public/js/main.js
new file mode 100644
index 0000000..6ad49f0
--- /dev/null
+++ b/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;
+  }
+});
\ No newline at end of file
diff --git a/views/layouts/main.handlebars b/views/layouts/main.handlebars
index 318345d..c342dbe 100644
--- a/views/layouts/main.handlebars
+++ b/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;