-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
80 lines (62 loc) · 2.04 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
// HEADER SLIDESHOW
if (document.title === "Ladies Code Collective") {
let num = 0;
setInterval(() => {
num++;
if (num <= 4) {
document.querySelector(".heading_slide").src =
"resources/img/slide_" + num + ".png";
} else {
num = 0;
}
}, 1000);
}
// PREVENT IMAGE DRAGGING
let images = document.querySelectorAll(".image");
images.forEach((image) => {
image.setAttribute("draggable", false);
});
// Mobile Nav functionality (hamburger icon on-click)
const menuIcon = document.querySelector(".hamburger-icon");
const exitIcon = document.querySelector(".exit-icon");
function hideNavMenu() {
if (document.querySelector("#nav-mobile").style.display == "flex") {
document.querySelector("#nav-mobile").style.display = "none";
exitIcon.style.display = "none";
menuIcon.style.display = "block";
}
}
menuIcon.addEventListener("click", () => {
document.querySelector("#nav-mobile").style.display = "flex";
exitIcon.style.display = "block";
menuIcon.style.display = "none";
window.addEventListener("resize", () => {
if (window.innerWidth > 545) {
document.querySelector("#nav-desktop").style.display = "flex";
document.querySelector("#nav-mobile").style.display = "none";
menuIcon.style.display = "none";
exitIcon.style.display = "none";
} else {
menuIcon.style.display = "block";
document.querySelector("#nav-desktop").style.display = "none";
}
});
});
exitIcon.addEventListener("click", () => {
hideNavMenu();
});
window.addEventListener("scroll", () => {
hideNavMenu();
});
// NAV BUTTON ACTIONS
// document.querySelector('#nav_podcast').addEventListener('click', e => {
// e.preventDefault();
// document.querySelector('#podcast_banner').style.display = 'block';
// })
// PODCAST MODAL APPEAR & DISAPPEAR
// let cross = document.querySelector('.cross');
// let podcastModal = document.querySelector('#podcast_banner');
// cross.addEventListener('click', e => {
// console.log(e.target.parentNode);
// e.target.parentNode.style.display = 'none';
// });