Init 1

source/js/index.js

@@ -0,0 +1 @@
+// Add your script here

source/js/menu.js

@@ -0,0 +1,16 @@
+// Mobile menu
+
+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());
+};
+
+isMobileMenu();
+
+menuTrigger.addEventListener("click", () => menu && menu.classList.toggle("hidden"));
+
+window.addEventListener("resize", isMobileMenu);

source/js/theme.js

@@ -0,0 +1,12 @@
+// Toggle theme
+
+const getTheme = localStorage.getItem('theme')
+const themeToggle = document.querySelector('.theme-toggle')
+const isDark = getTheme === 'dark'
+
+document.body.classList.toggle('dark-theme', isDark)
+
+themeToggle.addEventListener('click', () => {
+  document.body.classList.toggle('dark-theme')
+  localStorage.setItem('theme', document.body.classList.contains('dark-theme') ? 'dark' : 'light')
+})