Highlight the selected page

views/partials/head.ejs

@@ -48,4 +48,7 @@
     .footer-text{
         margin: 0;
     }
+    .selected{
+        color: rgb(255, 189, 51)!important;
+    }
     </style>

views/partials/header.ejs

@@ -14,4 +14,13 @@
         <a class="nav-link text-white" href="/settings">Settings</a>
       </li>
     </ul>
-  </nav>
+</nav>
+
+<script defer>
+  const aTags = document.querySelectorAll('a')
+  aTags.forEach(aTag => {
+    if(aTag.getAttribute('href') == window.location.pathname){
+      aTag.classList.add('selected')
+    }
+  })
+</script>