-
Notifications
You must be signed in to change notification settings - Fork 0
/
sw.js
73 lines (59 loc) · 1.81 KB
/
sw.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
const soundCloud = document.querySelector('.sound-cloud')
const off = document.querySelector('#off')
const on = document.querySelector('#on')
const myAudio = document.querySelector('#myAudio')
off.addEventListener('click', () => soundTrack('off'))
on.addEventListener('click', () => soundTrack('on'))
const soundTrack = (soundState) => {
if (soundState === 'off') {
on.style.display = 'block'
off.style.display = 'none'
soundCloud.style.color = '#08fdd8'
myAudio.play()
} else if (soundState === 'on') {
on.style.display = 'none'
off.style.display = 'block'
soundCloud.style.color = '#f50057'
myAudio.pause()
}
}
// Play music functionality
const btnBars = document.querySelector('.bars')
const btnTimes = document.querySelector('.times')
const SideNav = document.querySelector('.aside')
btnBars.addEventListener('click', () => myFunc('open'))
btnTimes.addEventListener('click', () => myFunc('close'))
var CACHE_NAME = "spectrum-cache-v1";
var urlsToCache = ["/mousetrail/", "/mousetrail/index.html"];
self.addEventListener("install", function (event) {
event.waitUntil(
caches.open(CACHE_NAME).then(function (cache) {
console.log("Opened cache");
return cache.addAll(urlsToCache);
})
);
});
self.addEventListener("fetch", function (event) {
event.respondWith(
caches.match(event.request).then(function (response) {
if (response) {
return response;
}
return fetch(event.request).then(function (response) {
if (
!response ||
response.status !== 200 ||
response.type !== "basic" ||
!(event.request.url.indexOf("http") === 0)
) {
return response;
}
var responseToCache = response.clone();
caches.open(CACHE_NAME).then(function (cache) {
cache.put(event.request, responseToCache);
});
return response;
});
})
);
});