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 1/2] 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 */
 
 /**
-- 
2.40.1


From 46defc69d1d720d38911c7afd764bcfc00987820 Mon Sep 17 00:00:00 2001
From: ryan <ryan@distrust.co>
Date: Sat, 22 Mar 2025 23:17:23 -0400
Subject: [PATCH 2/2] be more specific on css selector

---
 _sass/base.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/_sass/base.scss b/_sass/base.scss
index 952e912..860e288 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -504,6 +504,10 @@ hr {
 	transition: transform 0.5s ease;
 }
 
+.header-page-links a.active {
+	color: white;
+}
+
 .header-page-links a:hover {
 	transform: translateY(-2px);
 	background-color: transparent;
@@ -1475,10 +1479,6 @@ pre {
 	color: var(--light-grey);
 }
 
-.active {
-	color: white !important;
-}
-
 /** end carousel */
 
 /**
-- 
2.40.1