From 7252ed2451ae4b4e5c655fe854f58b248dc42a92 Mon Sep 17 00:00:00 2001
From: Max Brunsfeld <maxbrunsfeld@gmail.com>
Date: Mon, 20 Sep 2021 12:04:26 -0700
Subject: [PATCH] Add 'active' class to the active nav link

Co-Authored-By: Nate Butler <nate@zed.dev>
---
 server/templates/partials/layout.hbs | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)
diff --git a/server/templates/partials/layout.hbs b/server/templates/partials/layout.hbs
index 09d077ddac8b35a1313ddcfa7e0920eaefa2e631..fbb39b209134b1d611c85145dd3658e281eb9450 100644
--- a/server/templates/partials/layout.hbs
+++ b/server/templates/partials/layout.hbs
@@ -13,7 +13,7 @@
 
 <body class="box-border font-light bg-black font-body text-main">
     <main class="container flex flex-col mx-auto lg:bg-white lg:flex-none lg:grid lg:min-h-full lg:grid-cols-4 max-w-screen-2xl lg:gap-x-px text-gray-50">
-        <nav class="p-10 pb-0 bg-black font-extralight lg:hidden">
+        <nav id="nav" class="p-10 pb-0 bg-black font-extralight lg:hidden">
             <a href="/">
                 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <mask id="path-2-inside-1" fill="white">
@@ -149,4 +149,16 @@
     <script src="/static/prism.js"></script>
 </body>
 
+<script>
+    const nav = document.getElementById('nav');
+    const links = nav.getElementsByTagName('a');
+    const currentPath = window.location.pathname;
+    for (const link of links) {
+        if (link.getAttribute('href') === currentPath) {
+            link.classList.add('active');
+            console.log('activating', link)
+        }
+    }
+</script>
+
 </html>
\ No newline at end of file
