Merge pull request #38 from anwar907/new_page

fix: menu button mobile version

Author: anwar907

_includes/header.html

@@ -27,11 +27,18 @@
         <!-- Mobile menu -->
         <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4 border-t border-gray-100">
             <div class="flex flex-col space-y-4 pt-4">
-                <a href="#about" class="text-gray-600 hover:text-gray-900 transition-colors">About</a>
-                <a href="#skills" class="text-gray-600 hover:text-gray-900 transition-colors">Skills</a>
-                <!-- <a href="#projects" class="text-gray-600 hover:text-gray-900 transition-colors">Projects</a> -->
-                <a href="#contact" class="text-gray-600 hover:text-gray-900 transition-colors">Contact</a>
+                <a href="/" class="text-gray-600 hover:text-gray-900 transition-colors">Home</a>
+                <a href="/events" class="text-gray-600 hover:text-gray-900 transition-colors">Events</a>
+                <!-- <a href="/projects" class="text-gray-600 hover:text-gray-900 transition-colors">Projects</a> -->
+                <a href="/communities" class="text-gray-600 hover:text-gray-900 transition-colors">Communitites</a>
+                <a href="/history" class="text-gray-600 hover:text-gray-900 transition-colors">History</a>
             </div>
         </div>
     </nav>
-</header>
+</header>
+
+<script>
+function toggleMobileMenu() {
+    document.getElementById('mobile-menu').classList.toggle('hidden');
+}
+</script>