diff --git a/404.html b/404.html index 54d7620..68bddf2 100644 --- a/404.html +++ b/404.html @@ -59,13 +59,6 @@ Home page - - - - -
diff --git a/js/app.js b/js/app.js index 6b59143..26f65f0 100644 --- a/js/app.js +++ b/js/app.js @@ -1,64 +1,3 @@ -// Menu system - - const body = document.body; - const menuToggle = document.getElementById('menuToggle'); - const menuClose = document.getElementById('menuClose'); - const menuOverlay = document.getElementById('menuOverlay'); - const mobileMenu = document.getElementById('mobileMenu'); - const siteContent = document.getElementById('siteContent'); - - function openMenu() { - body.classList.add('menu-open'); - menuOverlay.hidden = false; - menuToggle.classList.add('is-open'); - menuToggle.setAttribute('aria-expanded', 'true'); - menuToggle.setAttribute('aria-label', 'Close menu'); - mobileMenu.setAttribute('aria-hidden', 'false'); - siteContent.setAttribute('inert', ''); - menuClose.focus(); - } - - function closeMenu() { - body.classList.remove('menu-open'); - menuToggle.classList.remove('is-open'); - menuToggle.setAttribute('aria-expanded', 'false'); - menuToggle.setAttribute('aria-label', 'Open menu'); - mobileMenu.setAttribute('aria-hidden', 'true'); - siteContent.removeAttribute('inert'); - menuToggle.focus(); - - window.setTimeout(() => { - if (!body.classList.contains('menu-open')) { - menuOverlay.hidden = true; - } - }, 250); - } - - function toggleMenu() { - if (body.classList.contains('menu-open')) { - closeMenu(); - } else { - openMenu(); - } - } - - menuToggle.addEventListener('click', toggleMenu); - menuClose.addEventListener('click', closeMenu); - menuOverlay.addEventListener('click', closeMenu); - - document.addEventListener('keydown', (event) => { - if (event.key === 'Escape' && body.classList.contains('menu-open')) { - closeMenu(); - } - }); - - window.addEventListener('resize', () => { - if (window.innerWidth >= 768 && body.classList.contains('menu-open')) { - closeMenu(); - } - }); - - // accessibility toggle {