he4et/xecut-site
1
0
Fork 0
mirror of https://github.com/He4eT/xecut-site.git synced 2026-05-05 09:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

menu: mobile markup

Browse source
This commit is contained in:
He4eT 2025-02-19 04:47:13 +01:00
commit caf8c36420
2 changed files with 120 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/_includes/parts/menu.njk
View file

@ -6,10 +6,10 @@
</a>
</div>
<button class="hamburger" id="hamburger" aria-label="Открыть меню">
<span class="hamburger-icon"></span>
<span class="hamburger-icon"></span>
<span class="hamburger-icon"></span>
<button class="main-menu-button" id="mainMenuButton" aria-label="Открыть меню">
<span class="main-menu-button-part"></span>
<span class="main-menu-button-part"></span>
<span class="main-menu-button-part"></span>
</button>
</div>
@ -52,8 +52,12 @@
</header>
<script>
document.getElementById('hamburger').addEventListener('click', function() {
const navLinks = document.querySelector('.nav-links');
navLinks.classList.toggle('active');
});
const toggleMainMenu = () =>
document
.querySelector('.navbar')
.classList.toggle('active')
document
.querySelector('#mainMenuButton')
.addEventListener('click', toggleMainMenu);
</script>