fixed some thing, fixed turnstile and the ride link i think

static/js/main.js

@@ -81,23 +81,64 @@ document.addEventListener('click', (e) => {
     });
 });
 
-// Toggle dark mode icons
-function toggleIcons(isDarkMode) {
-    const sunIcon = document.querySelector('.fa-sun');
-    const moonIcon = document.querySelector('.fa-moon');
-    
-    if (isDarkMode) {
-        sunIcon.classList.remove('hidden');
-        moonIcon.classList.add('hidden');
-    } else {
-        sunIcon.classList.add('hidden');
-        moonIcon.classList.remove('hidden');
-    }
-}
+// Theme management
+const themeManager = {
+    init() {
+        // Set up toggle button when DOM is loaded
+        document.addEventListener('DOMContentLoaded', () => {
+            const toggleBtn = document.getElementById('theme-toggle');
+            if (toggleBtn) {
+                toggleBtn.addEventListener('click', () => {
+                    this.toggleTheme();
+                });
+            }
 
-// Add event listener for theme toggle button
-document.getElementById('theme-toggle').addEventListener('click', () => {
-    const isDarkMode = document.documentElement.classList.toggle('dark');
-    localStorage.setItem('darkMode', isDarkMode);
-    toggleIcons(isDarkMode);
-});
+            // Watch for system theme changes
+            window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
+                if (!localStorage.theme) {
+                    this.setTheme(e.matches ? 'dark' : 'light');
+                }
+            });
+
+            // Set initial theme icon state
+            this.updateThemeIcon();
+        });
+    },
+
+    setTheme(theme) {
+        if (theme === 'dark') {
+            document.documentElement.classList.add('dark');
+        } else {
+            document.documentElement.classList.remove('dark');
+        }
+        
+        localStorage.setItem('theme', theme);
+        this.updateThemeIcon();
+    },
+
+    toggleTheme() {
+        const isDark = document.documentElement.classList.contains('dark');
+        this.setTheme(isDark ? 'light' : 'dark');
+    },
+
+    updateThemeIcon() {
+        const isDark = document.documentElement.classList.contains('dark');
+        const sunIcon = document.querySelector('#theme-toggle .fa-sun');
+        const moonIcon = document.querySelector('#theme-toggle .fa-moon');
+        
+        if (sunIcon && moonIcon) {
+            // Show sun icon in dark mode (to indicate you can switch to light)
+            // Show moon icon in light mode (to indicate you can switch to dark)
+            if (isDark) {
+                sunIcon.classList.remove('hidden');
+                moonIcon.classList.add('hidden');
+            } else {
+                sunIcon.classList.add('hidden');
+                moonIcon.classList.remove('hidden');
+            }
+        }
+    }
+};
+
+// Initialize theme management
+themeManager.init();