Website overhaul

src/scripts/navigation.js

@@ -0,0 +1,33 @@
+// Navigation scroll effect
+function updateNavigation() {
+  const navigation = document.getElementById("navigation");
+  if (window.scrollY > 50) {
+    navigation.classList.add("scrolled");
+  } else {
+    navigation.classList.remove("scrolled");
+  }
+}
+
+// Mobile navigation functionality
+function setupMobileNavigation() {
+  const burgerMenu = document.getElementById("burger-menu");
+  const mainNav = document.getElementById("main-nav");
+
+  if (burgerMenu && mainNav) {
+    burgerMenu.addEventListener("click", function () {
+      mainNav.classList.toggle("active");
+      burgerMenu.classList.toggle("active");
+      document.body.classList.toggle("nav-open");
+    });
+
+    // Close menu when clicking on a link
+    const navLinks = mainNav.querySelectorAll("a");
+    navLinks.forEach((link) => {
+      link.addEventListener("click", function () {
+        mainNav.classList.remove("active");
+        burgerMenu.classList.remove("active");
+        document.body.classList.remove("nav-open");
+      });
+    });
+  }
+}