diff --git a/assets/js/menu.js b/assets/js/menu.js index a33e66b..a5f556a 100644 --- a/assets/js/menu.js +++ b/assets/js/menu.js @@ -1,16 +1,21 @@ // Mobile menu -const menuTrigger = document.querySelector(".menu-trigger"); -const menu = document.querySelector(".menu"); -const mobileQuery = getComputedStyle(document.body).getPropertyValue("--phoneWidth"); +(function() { +const menuTrigger = document.querySelector('.menu-trigger'); +const menu = document.querySelector('.menu'); +const mobileQuery = + getComputedStyle(document.body).getPropertyValue('--phoneWidth'); const isMobile = () => window.matchMedia(mobileQuery).matches; const isMobileMenu = () => { - menuTrigger && menuTrigger.classList.toggle("hidden", !isMobile()); - menu && menu.classList.toggle("hidden", isMobile()); + menuTrigger && menuTrigger.classList.toggle('hidden', !isMobile()); + menu && menu.classList.toggle('hidden', isMobile()); }; isMobileMenu(); -menuTrigger && menuTrigger.addEventListener("click", () => menu && menu.classList.toggle("hidden")); +menuTrigger && + menuTrigger.addEventListener( + 'click', () => menu && menu.classList.toggle('hidden')); -window.addEventListener("resize", isMobileMenu); +window.addEventListener('resize', isMobileMenu); +})(); \ No newline at end of file diff --git a/assets/js/theme.js b/assets/js/theme.js index 9561c83..d81880b 100644 --- a/assets/js/theme.js +++ b/assets/js/theme.js @@ -1,23 +1,27 @@ // Toggle theme -const getTheme = window.localStorage && window.localStorage.getItem("theme"); -const themeToggle = document.querySelector(".theme-toggle"); -const isDark = getTheme === "dark"; -var metaThemeColor = document.querySelector("meta[name=theme-color]"); +(function() { +const getTheme = window.localStorage && window.localStorage.getItem('theme'); +const themeToggle = document.querySelector('.theme-toggle'); +const isDark = getTheme === 'dark'; +var metaThemeColor = document.querySelector('meta[name=theme-color]'); if (getTheme !== null) { - document.body.classList.toggle("dark-theme", isDark); - isDark ? metaThemeColor.setAttribute("content", "#252627") : metaThemeColor.setAttribute("content", "#fafafa"); + document.body.classList.toggle('dark-theme', isDark); + isDark ? metaThemeColor.setAttribute('content', '#252627') : + metaThemeColor.setAttribute('content', '#fafafa'); } -themeToggle.addEventListener("click", () => { - document.body.classList.toggle("dark-theme"); +themeToggle.addEventListener('click', () => { + document.body.classList.toggle('dark-theme'); window.localStorage && - window.localStorage.setItem( - "theme", - document.body.classList.contains("dark-theme") ? "dark" : "light", - ); - document.body.classList.contains("dark-theme") ? - metaThemeColor.setAttribute("content", "#252627") : metaThemeColor.setAttribute("content", "#fafafa"); + window.localStorage.setItem( + 'theme', + document.body.classList.contains('dark-theme') ? 'dark' : 'light', + ); + document.body.classList.contains('dark-theme') ? + metaThemeColor.setAttribute('content', '#252627') : + metaThemeColor.setAttribute('content', '#fafafa'); ; }); +})();