hackertours-theme/assets/js/mobilemenu.js
Vincent Mahnke 945820ec5b
Add mobile bottom navigation with local Lucide icons and improved accessibility
- Add local Lucide icon system (5 optimized icons)
- Create Apple-style bottom navigation bar (fixed at bottom on mobile)
- Add language toggle (replaces dropdown selector)
- Improve theme support with proper light/dark mode colors
- Add comprehensive ARIA labels and semantic HTML
- Hide main menu on mobile (≤666px) when bottom nav is active
- Add hreflang attributes for language switching

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
2026-11-07 13:39:10 +01:00

16 lines
462 B
JavaScript

/**
* @file
* A JavaScript file for the mobile bottom navigation menu.
*/
(function () {
// Hide the main menu on small screens
const main_menu = document.querySelector('.main-menu');
const header_region = document.querySelector('.header__region');
const small_screen = window.matchMedia('(max-width: 666px)').matches;
if (small_screen) {
if (main_menu) main_menu.hidden = true;
if (header_region) header_region.hidden = true;
}
})();