From 80286039c0795211162b4ff4b8227f51b39fd918 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Thu, 16 Apr 2026 15:57:37 +0200
Subject: fix: rewrite hamburger menu using Alpine.js event dispatcher

- Replace vanilla JS click handlers with Alpine.js @toggle-menu event
- Hamburger button dispatches toggle-menu event on click
- Menu overlay listens to toggle-menu and toggles menuOpen state
- Alpine controls visibility via :class bindings (opacity/invisible)
- Alpine controls panel slide via :class bindings (translate-x)
- All menu interactions (close button, links, ESC, backdrop) use Alpine
- Remove complex vanilla JS that wasn't working reliably
- Rebuild CSS: main.min.css updated

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 themes/danix-xyz-hacker/layouts/partials/header.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'themes/danix-xyz-hacker/layouts/partials/header.html')

diff --git a/themes/danix-xyz-hacker/layouts/partials/header.html b/themes/danix-xyz-hacker/layouts/partials/header.html
index cd77032..8722e81 100644
--- a/themes/danix-xyz-hacker/layouts/partials/header.html
+++ b/themes/danix-xyz-hacker/layouts/partials/header.html
@@ -57,9 +57,9 @@
 
       <!-- Hamburger menu button (mobile only) -->
       <button
-        id="menu-toggle"
+        x-data
+        @click="$dispatch('toggle-menu')"
         aria-label="{{ i18n "toggleMenu" }}"
-        aria-expanded="false"
         aria-controls="hamburger-menu"
         class="md:hidden p-2 rounded hover:bg-surface transition-colors"
       >
-- 
cgit v1.2.3