tarion/tarion.org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mobile navbar

Browse source
This commit is contained in:
Patrick Schwarzer 2025-05-12 19:04:58 +02:00
parent 6846632d42
commit 4187790a4b
3 changed files with 163 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
script.js
View file

@ -1,6 +1,7 @@
document.addEventListener("DOMContentLoaded", () => {
const darkModeButton = document.getElementById("dark-mode-toggle");
const mobileDarkModeButton = document.getElementById("dark-mode-toggle-mobile");
const body = document.body;
function toggleDarkMode(save){
@ -21,7 +22,11 @@ document.addEventListener("DOMContentLoaded", () => {
darkModeButton.addEventListener("click", () => {
toggleDarkMode(true);
})
})
mobileDarkModeButton.addEventListener("click", () => {
toggleDarkMode(true);
})
// Add/remove scrolled style to header
window.addEventListener("scroll", () => {
@ -33,4 +38,12 @@ document.addEventListener("DOMContentLoaded", () => {
header.classList.add("scrolled");
}
})
// Mobile Nav
const mobileNavButton = document.getElementById("mobile-nav-toggle");
const mobileNav = document.getElementById("mobile-nav");
mobileNavButton.addEventListener("click", () => {
mobileNav.classList.toggle("active");
})
})