From 5be2848786281c739aefdaea157d36477637e84a Mon Sep 17 00:00:00 2001
From: slivering <47292273+slivering@users.noreply.github.com>
Date: Sat, 14 Dec 2024 18:26:53 +0100
Subject: [PATCH] Navbar highlight active link

---
 components/navbar.html | 15 ++++++++++++---
 scss/style.scss        |  4 ++++
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/components/navbar.html b/components/navbar.html
index fe582ec..e326c52 100644
--- a/components/navbar.html
+++ b/components/navbar.html
@@ -15,9 +15,9 @@
                         Exposés
                     </a>
                     <ul class="dropdown-menu">
-                        <li><a class="dropdown-item" href="/groupe-de-lecture.html">Groupe de lecture</a></li>
+                        <li><a class="nav-link dropdown-item" href="/groupe-de-lecture.html">Groupe de lecture</a></li>
                         <li><hr class="dropdown-divider"></li>
-                        <li><a class="dropdown-item" href="/jeudia.html">Jeud'IA</a></li>
+                        <li><a class="nav-link dropdown-item" href="/jeudia.html">Jeud'IA</a></li>
                     </ul>
                 </li>
                 <li class="nav-item"><a class="nav-link" href="/hackathons.html">Hackathons</a></li>
@@ -26,4 +26,13 @@
                 <li class="nav-item"><a class="nav-link" href="/contact.html">Contact</a></li>
             </ul>
         </div>
-    </nav>
\ No newline at end of file
+    </nav>
+
+    <script>
+        const links = document.querySelectorAll(".nav-link");
+        links.forEach((link) => {
+            if (link.href === window.location.href) {
+                link.classList.add("active");
+            }
+        })        
+    </script>
\ No newline at end of file
diff --git a/scss/style.scss b/scss/style.scss
index bf06c67..ef3fdf9 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -318,6 +318,10 @@ header {
             @extend .mx-2;
         }
 
+        .dropdown-item {
+            @extend .text-secondary;
+        }
+
         // FIXME: dropdown pushes navbar items to the bottom
         // when navbar is in vertical mode
     }