|
1 | | -// Mobile menu toggle |
2 | | -const menuBtn = document.getElementById("menu-btn"); |
3 | | -const menu = document.getElementById("mobile-menu"); |
4 | | - |
5 | | -menuBtn.addEventListener("click", () => { |
6 | | - menu.classList.toggle("hidden"); |
7 | | - menu.classList.toggle("flex"); |
8 | | - menu.classList.toggle("flex-col"); |
9 | | - menu.classList.toggle("absolute"); |
10 | | - menu.classList.toggle("top-16"); |
11 | | - menu.classList.toggle("right-4"); |
12 | | - menu.classList.toggle("bg-white"); |
13 | | - menu.classList.toggle("p-4"); |
14 | | - menu.classList.toggle("shadow-lg"); |
15 | | - menu.classList.toggle("rounded-lg"); |
16 | | -}); |
17 | | - |
18 | | -// Close menu when link clicked (mobile) |
19 | | -document.querySelectorAll("#mobile-menu a").forEach(link => { |
20 | | - link.addEventListener("click", () => { |
21 | | - if (window.innerWidth < 768) { |
22 | | - menu.classList.add("hidden"); |
23 | | - menu.className = "hidden"; |
24 | | - } |
25 | | - }); |
26 | | -}); |
27 | | - |
28 | | -// Attach click event to skill cards |
29 | | -document.addEventListener("DOMContentLoaded", () => { |
30 | | - const cards = document.querySelectorAll(".skill-card"); |
31 | | - |
32 | | - cards.forEach(card => { |
33 | | - card.addEventListener("click", () => { |
34 | | - const skill = card.dataset.skill; |
35 | | - toggleSkill(skill); |
36 | | - }); |
37 | | - }); |
38 | | -}); |
39 | | - |
40 | 1 | function toggleSkill(skill) { |
41 | 2 | const skillsData = { |
42 | 3 | python: [ |
@@ -105,13 +66,6 @@ function toggleSkill(skill) { |
105 | 66 | } |
106 | 67 | }); |
107 | 68 | } |
108 | | -const burger = document.getElementById("burger"); |
109 | | -const navMenu = document.getElementById("navMenu"); |
110 | | - |
111 | | -burger.addEventListener("click", () => { |
112 | | - navMenu.classList.toggle("show"); |
113 | | -}); |
114 | | - |
115 | 69 | // close menu when clicking a link (mobile UX) |
116 | 70 | document.querySelectorAll(".nav-links a").forEach(link => { |
117 | 71 | link.addEventListener("click", () => { |
|
0 commit comments