- 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>
16 lines
462 B
JavaScript
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;
|
|
}
|
|
})();
|