From b340d3fe7871e872f064529142ebb851e4c9ff3f Mon Sep 17 00:00:00 2001
From: Daniel LaForce <daniel@argobox.com>
Date: Wed, 23 Apr 2025 14:18:31 -0600
Subject: [PATCH] fix(Header): Remove duplicate variable declarations and event
 listeners

---
 src/components/Header.astro | 69 ++-----------------------------------
 1 file changed, 3 insertions(+), 66 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index d375165..cd066a7 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -379,13 +379,13 @@ const navItems = [
 </style>
 
 <script>
-
-  // Handle mobile menu toggle
+  // Only define one DOMContentLoaded event handler
   document.addEventListener('DOMContentLoaded', () => {
     const menuBtn = document.getElementById('mobile-menu-btn');
     const mainNav = document.querySelector('.main-nav');
     const header = document.querySelector('.site-header');
     
+    // Mobile menu toggle
     if (menuBtn && mainNav) {
       menuBtn.addEventListener('click', () => {
         mainNav.classList.toggle('active');
@@ -402,70 +402,7 @@ const navItems = [
       }
     });
     
-    // Theme toggle functionality
-    const themeToggle = document.getElementById('theme-toggle');
-    
-    if (themeToggle) {
-      themeToggle.addEventListener('click', () => {
-        document.documentElement.classList.toggle('light-mode');
-        
-        // Store preference in localStorage
-        const isLightMode = document.documentElement.classList.contains('light-mode');
-        localStorage.setItem('theme', isLightMode ? 'light' : 'dark');
-      });
-    }
-    
-    // Add interactive network nodes animation
-    const header_el = document.querySelector('.site-header');
-    
-    if (header_el) {
-      // Create animated nodes
-      for (let i = 0; i < 5; i++) {
-        const node = document.createElement('div');
-        node.className = 'nav-node';
-        node.style.left = `${Math.random() * 100}%`;
-        node.style.animationDelay = `${Math.random() * 5}s`;
-        node.style.animationDuration = `${5 + Math.random() * 5}s`;
-        header_el.appendChild(node);
-      }
-    }
-    
-// Theme toggle functionality
-const themeToggle = document.getElementById('theme-toggle');
-	
-if (themeToggle) {
-  themeToggle.addEventListener('click', () => {
-	document.documentElement.classList.toggle('light-mode');
-	
-	// Store preference in localStorage
-	const isLightMode = document.documentElement.classList.contains('light-mode');
-	localStorage.setItem('theme', isLightMode ? 'light' : 'dark');
-  });
-}
-
-  // Handle mobile menu toggle
-  document.addEventListener('DOMContentLoaded', () => {
-    const menuBtn = document.getElementById('mobile-menu-btn');
-    const mainNav = document.querySelector('.main-nav');
-    const header = document.querySelector('.site-header');
-    
-    if (menuBtn && mainNav) {
-      menuBtn.addEventListener('click', () => {
-        mainNav.classList.toggle('active');
-        menuBtn.classList.toggle('mobile-menu-active');
-      });
-    }
-    
-    // Header scroll effect
-    window.addEventListener('scroll', () => {
-      if (window.scrollY > 50) {
-        header.classList.add('scrolled');
-      } else {
-        header.classList.remove('scrolled');
-      }
-    });
-    
-    // Theme toggle functionality
+    // Theme toggle functionality - only define once
     const themeToggle = document.getElementById('theme-toggle');
     
     if (themeToggle) {