Reupload v2

Author: vardhansanagapalli

aiml.html

@@ -0,0 +1,62 @@
+
+document.addEventListener("DOMContentLoaded", function () {
+    const navbarLinks = document.querySelectorAll(".nav-links a");
+    const footerLinks = document.querySelectorAll(".footer-links a"); 
+    const navbarHeight = 50;
+
+    const allLinks = [...navbarLinks, ...footerLinks]; 
+
+    allLinks.forEach(link => {
+        link.addEventListener("click", function (e) {
+            smoothScroll(e, allLinks); 
+        });
+    });
+
+    function smoothScroll(e, links) {
+        e.preventDefault();
+
+        const targetHref = e.target.getAttribute("href");
+        if (targetHref.startsWith("#")) { 
+            const targetId = targetHref.slice(1);
+            const targetSection = document.getElementById(targetId);
+
+            if (targetSection) {
+                const targetPosition = targetSection.offsetTop - navbarHeight;
+                window.scrollTo({
+                    top: targetPosition,
+                    behavior: "smooth"
+                });
+
+                links.forEach(nav => nav.classList.remove("active"));
+                e.target.classList.add("active");
+            }
+        }
+    }
+});
+function toggleMenu() {
+    const navLinks = document.querySelector('.nav-links');
+    const hamburgerButton = document.querySelector('.hamburger-button');
+  
+    // Toggle the 'open' class for nav links
+    navLinks.classList.toggle('open');
+  
+    // Update the hamburger icon based on state
+    if (navLinks.classList.contains('open')) {
+      hamburgerButton.innerHTML = '✕'; // Change to 'X' when open
+    } else {
+      hamburgerButton.innerHTML = '☰'; // Change back to hamburger icon
+    }
+  }
+  
+  // Close the menu when clicking outside
+  document.addEventListener('click', (event) => {
+    const navLinks = document.querySelector('.nav-links');
+    const hamburgerButton = document.querySelector('.hamburger-button');
+  
+    // Check if the click is outside the menu and hamburger button
+    if (!navLinks.contains(event.target) && !hamburgerButton.contains(event.target)) {
+      navLinks.classList.remove('open');
+      hamburgerButton.innerHTML = '☰'; // Reset to hamburger icon
+    }
+  });
+