Neubau Fundament + Startseite: Designsystem, PHP-Komponenten, Brevo-Formular, Instagram-Sync
- Ordnerstruktur mit public/-Docroot, Deny-.htaccess für app/bin/config/data/storage - CLAUDE.md mit Leitplanken (self-hosted only, Single Source of Truth, Component-first) - Design-Tokens aus alter Seite extrahiert (Akzent #e20612, Coolvetica/Abel als woff2) - Front Controller mit Routen-Register, Sitemap, Canonical, JSON-LD (SportsClub) - Startseite: Hero, Instagram-Feed (lokaler Cache), Historie/Sportheim, Stats, Partner, Kontakt - Kontaktformular via PHPMailer/Brevo mit Honeypot + HMAC-Time-Trap (kein reCAPTCHA) - bin/instagram-sync.php: Scraper mit Strategie-Kette, flock, atomarem Cache, lokalen Bildern Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
40
public/assets/js/nav.js
Normal file
40
public/assets/js/nav.js
Normal file
@@ -0,0 +1,40 @@
|
||||
/* Burger-Navigation: Toggle mit aria-expanded, Escape schließt, Klick auf Link schließt. */
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var toggle = document.querySelector('.site-nav__toggle');
|
||||
var list = document.getElementById('site-nav-list');
|
||||
if (!toggle || !list) {
|
||||
return;
|
||||
}
|
||||
|
||||
function setOpen(open) {
|
||||
toggle.setAttribute('aria-expanded', String(open));
|
||||
document.body.classList.toggle('nav-open', open);
|
||||
toggle.querySelector('.visually-hidden').textContent = open ? 'Menü schließen' : 'Menü öffnen';
|
||||
}
|
||||
|
||||
toggle.addEventListener('click', function () {
|
||||
setOpen(toggle.getAttribute('aria-expanded') !== 'true');
|
||||
});
|
||||
|
||||
list.addEventListener('click', function (event) {
|
||||
if (event.target.closest('a')) {
|
||||
setOpen(false);
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('keydown', function (event) {
|
||||
if (event.key === 'Escape' && toggle.getAttribute('aria-expanded') === 'true') {
|
||||
setOpen(false);
|
||||
toggle.focus();
|
||||
}
|
||||
});
|
||||
|
||||
// Beim Vergrößern auf Desktop offenes Overlay zurücksetzen.
|
||||
window.addEventListener('resize', function () {
|
||||
if (window.innerWidth > 1249 && toggle.getAttribute('aria-expanded') === 'true') {
|
||||
setOpen(false);
|
||||
}
|
||||
});
|
||||
})();
|
||||
Reference in New Issue
Block a user