From e05f1f6c55df67241211bbecad25e882afdd57d5 Mon Sep 17 00:00:00 2001 From: Jared Vititoe Date: Sat, 18 Apr 2026 21:42:04 -0400 Subject: [PATCH] Align base.html and modal with tinker_tickets reference implementation MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Add lt-glitch + data-text to brand title (signature glitch effect) - Add mobile nav drawer (lt-nav-drawer) and hamburger button (lt-menu-btn) - Add VT323 font, theme toggle button (lt-theme-btn), footer with hints - Add command palette overlay + lt.cmdPalette.init() with nav commands - Add keyboard shortcuts help modal and skip link - Move base.js to so lt.* is available for inline scripts - Fix suppress modal: lt-modal-backdrop → lt-modal-overlay (base.css class) - Fix modal open/close: use .is-open / aria-hidden instead of inline style Co-Authored-By: Claude Sonnet 4.6 --- static/app.js | 7 +- templates/base.html | 186 +++++++++++++++++++++++++++++++++++++++---- templates/index.html | 4 +- 3 files changed, 176 insertions(+), 21 deletions(-) diff --git a/static/app.js b/static/app.js index 60001dc..aa6b526 100644 --- a/static/app.js +++ b/static/app.js @@ -234,7 +234,8 @@ function openSuppressModal(type, name, detail) { document.getElementById('sup-expires').value = ''; updateSuppressForm(); - modal.style.display = 'flex'; + modal.classList.add('is-open'); + modal.removeAttribute('aria-hidden'); document.querySelectorAll('#suppress-modal .pill').forEach(p => p.classList.remove('active')); const manualPill = document.querySelector('#suppress-modal .pill-manual'); @@ -245,7 +246,9 @@ function openSuppressModal(type, name, detail) { function closeSuppressModal() { const modal = document.getElementById('suppress-modal'); - if (modal) modal.style.display = 'none'; + if (!modal) return; + modal.classList.remove('is-open'); + modal.setAttribute('aria-hidden', 'true'); } function updateSuppressForm() { diff --git a/templates/base.html b/templates/base.html index 993e92e..5173e95 100644 --- a/templates/base.html +++ b/templates/base.html @@ -2,66 +2,218 @@ - + - {% block title %}GANDALF{% endblock %} + + {% block title %}GANDALF{% endblock %} — GANDALF + - + + + + + + -