From e81f0523177cd99f40c6fee7437cb4bb8549c1d8 Mon Sep 17 00:00:00 2001
From: Anton Livaja <anton@livaja.me>
Date: Sat, 22 Mar 2025 19:56:37 -0700
Subject: [PATCH] make avtive button in nav bar white

---
 _includes/header.html | 20 ++++++++++++++++++++
 _sass/base.scss       |  4 ++++
 2 files changed, 24 insertions(+)

diff --git a/_includes/header.html b/_includes/header.html
index 9f53310..509a8e9 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -29,4 +29,24 @@
       </div>
     </div>
   </div>
+	<script>
+		document.addEventListener('DOMContentLoaded', function () {
+			let pathSegment = window.location.pathname.split('/')[1];
+
+			if (pathSegment.endsWith('.html')) {
+				pathSegment = pathSegment.replace('.html', '');
+			}
+
+			const navLinks = document.querySelectorAll('.header-page-links li a');
+
+			navLinks.forEach(link => {
+				let linkPath = link.getAttribute('href').replace('/', '').replace('.html', '');
+
+				if (linkPath === pathSegment) {
+					link.classList.add('active');
+				}
+			});
+		});
+
+	</script>
 </header>
diff --git a/_sass/base.scss b/_sass/base.scss
index 4b726e9..952e912 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -1475,6 +1475,10 @@ pre {
 	color: var(--light-grey);
 }
 
+.active {
+	color: white !important;
+}
+
 /** end carousel */
 
 /**