-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.js
75 lines (55 loc) · 1.49 KB
/
app.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
`use strict`
var deferredPrompt;
var count = 0;
if ('serviceWorker' in navigator) {
navigator.serviceWorker
.register('./sw.js')
.then(function () {
});
}
window.addEventListener('beforeinstallprompt', function (event) {
event.preventDefault();
deferredPrompt = event;
return false;
});
const hamburger = document.querySelector(".hamburger");
const navLinks = document.querySelector(".nav-links");
const links = document.querySelectorAll(".nav-links li");
const close = document.querySelector(".close-button");
const syllabus = document.querySelector(".syllabus");
syllabus.addEventListener("click", () => {
syllabus.style.display = "none";
});
window.onscroll = e => {
if (window.scrollY > 0) {
syllabus.style.display = "none";
}
else {
syllabus.style.display = "flex";
}
}
hamburger.addEventListener('click', () => {
//Animate Links
navLinks.classList.toggle("open");
links.forEach(link => {
link.classList.toggle("fade");
});
if (deferredPrompt) {
if (count == 0 || count % 2 == 0) {
deferredPrompt.prompt();
}
}
count++;
//Hamburger Animation
hamburger.classList.toggle("toggle");
});
const cursor = document.querySelector('.cursor');
document.addEventListener('mousemove', e => {
cursor.setAttribute("style", "top: " + (e.pageY - 10) + "px; left: " + (e.pageX - 10) + "px;")
})
document.addEventListener('click', () => {
cursor.classList.add("expand");
setTimeout(() => {
cursor.classList.remove("expand");
}, 500)
})