Skip to content

Commit 2b4f453

Browse files
codinger-cutiecodinger-cutie
committed
Made the PWA installable and added favicons
1 parent 1a54c4a commit 2b4f453

31 files changed

+109
-49
lines changed

‎favicons/android-icon-144x144.png

10.2 KB
Loading

‎favicons/android-icon-192x192.png

11.2 KB
Loading

‎favicons/android-icon-36x36.png

4.39 KB
Loading

‎favicons/android-icon-48x48.png

5.15 KB
Loading

‎favicons/android-icon-72x72.png

6.64 KB
Loading

‎favicons/android-icon-96x96.png

8.17 KB
Loading

‎favicons/apple-icon-114x114.png

8.91 KB
Loading

‎favicons/apple-icon-120x120.png

8.95 KB
Loading

‎favicons/apple-icon-144x144.png

10.2 KB
Loading

‎favicons/apple-icon-152x152.png

11.3 KB
Loading

‎favicons/apple-icon-180x180.png

13.2 KB
Loading

‎favicons/apple-icon-57x57.png

5.81 KB
Loading

‎favicons/apple-icon-60x60.png

6.1 KB
Loading

‎favicons/apple-icon-72x72.png

6.64 KB
Loading

‎favicons/apple-icon-76x76.png

7.05 KB
Loading

‎favicons/apple-icon-precomposed.png

12.8 KB
Loading

‎favicons/apple-icon.png

12.8 KB
Loading

‎favicons/browserconfig.xml

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

‎favicons/favicon-16x16.png

2.53 KB
Loading

‎favicons/favicon-32x32.png

3.88 KB
Loading

‎favicons/favicon-96x96.png

8.17 KB
Loading

‎favicons/favicon.ico

1.12 KB
Binary file not shown.

‎favicons/manifest.json

+41
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
{
2+
"name": "App",
3+
"icons": [
4+
{
5+
"src": "\/android-icon-36x36.png",
6+
"sizes": "36x36",
7+
"type": "image\/png",
8+
"density": "0.75"
9+
},
10+
{
11+
"src": "\/android-icon-48x48.png",
12+
"sizes": "48x48",
13+
"type": "image\/png",
14+
"density": "1.0"
15+
},
16+
{
17+
"src": "\/android-icon-72x72.png",
18+
"sizes": "72x72",
19+
"type": "image\/png",
20+
"density": "1.5"
21+
},
22+
{
23+
"src": "\/android-icon-96x96.png",
24+
"sizes": "96x96",
25+
"type": "image\/png",
26+
"density": "2.0"
27+
},
28+
{
29+
"src": "\/android-icon-144x144.png",
30+
"sizes": "144x144",
31+
"type": "image\/png",
32+
"density": "3.0"
33+
},
34+
{
35+
"src": "\/android-icon-192x192.png",
36+
"sizes": "192x192",
37+
"type": "image\/png",
38+
"density": "4.0"
39+
}
40+
]
41+
}

‎favicons/ms-icon-144x144.png

10.2 KB
Loading

‎favicons/ms-icon-150x150.png

11.1 KB
Loading

‎favicons/ms-icon-310x310.png

26.5 KB
Loading

‎favicons/ms-icon-70x70.png

6.65 KB
Loading

‎index.html

+21
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,27 @@
33
<head>
44
<meta charset="UTF-8">
55
<link rel="stylesheet" href="style.css">
6+
7+
<link rel="manifest" href="/manifest.json">
8+
9+
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
10+
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
11+
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
12+
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
13+
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
14+
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
15+
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
16+
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
17+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
18+
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
19+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
20+
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
21+
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
22+
<link rel="manifest" href="/manifest.json">
23+
<meta name="msapplication-TileColor" content="#ffffff">
24+
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
25+
<meta name="theme-color" content="#ffffff">
26+
627
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
728
<meta name="viewport" content="width=device-width, initial-scale=1">
829

‎main.js

+6-7
Original file line numberDiff line numberDiff line change
@@ -99,11 +99,10 @@ function logKey(e) {
9999

100100

101101

102-
if ("serviceWorker" in navigator) {
103-
window.addEventListener("load", function() {
104-
navigator.serviceWorker
105-
.register("/serviceWorker.js")
106-
.then(res => console.log("service worker registered"))
107-
.catch(err => console.log("service worker not registered", err))
108-
})
102+
103+
/* below code from: https://web.dev/service-workers-registration/#reasons-to-register-early */
104+
if ('serviceWorker' in navigator) {
105+
window.addEventListener('load', function() {
106+
navigator.serviceWorker.register('/service-worker.js');
107+
});
109108
}

‎manifest.json

+37-41
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,47 @@
11
{
2-
"name": "Dev'Coffee",
3-
"short_name": "DevCoffee",
2+
"name": "Example three.js PWA",
3+
"short_name": "TestPWA",
44
"start_url": "index.html",
55
"display": "standalone",
66
"background_color": "#fdfdfd",
77
"theme_color": "#db4938",
88
"orientation": "portrait-primary",
99
"icons": [
1010
{
11-
"src": "/images/icons/icon-72x72.png",
12-
"type": "image/png",
13-
"sizes": "72x72"
14-
},
15-
{
16-
"src": "/images/icons/icon-96x96.png",
17-
"type": "image/png",
18-
"sizes": "96x96"
19-
},
20-
{
21-
"src": "/images/icons/icon-128x128.png",
22-
"type": "image/png",
23-
"sizes": "128x128"
24-
},
25-
{
26-
"src": "/images/icons/icon-144x144.png",
27-
"type": "image/png",
28-
"sizes": "144x144"
29-
},
30-
{
31-
"src": "/images/icons/icon-152x152.png",
32-
"type": "image/png",
33-
"sizes": "152x152"
34-
},
35-
{
36-
"src": "/images/icons/icon-192x192.png",
37-
"type": "image/png",
38-
"sizes": "192x192"
39-
},
40-
{
41-
"src": "/images/icons/icon-384x384.png",
42-
"type": "image/png",
43-
"sizes": "384x384"
44-
},
45-
{
46-
"src": "/images/icons/icon-512x512.png",
47-
"type": "image/png",
48-
"sizes": "512x512"
49-
}
11+
"src": "favicons/android-icon-36x36.png",
12+
"sizes": "36x36",
13+
"type": "image\/png",
14+
"density": "0.75"
15+
},
16+
{
17+
"src": "favicons/android-icon-48x48.png",
18+
"sizes": "48x48",
19+
"type": "image\/png",
20+
"density": "1.0"
21+
},
22+
{
23+
"src": "favicons/android-icon-72x72.png",
24+
"sizes": "72x72",
25+
"type": "image\/png",
26+
"density": "1.5"
27+
},
28+
{
29+
"src": "favicons/android-icon-96x96.png",
30+
"sizes": "96x96",
31+
"type": "image\/png",
32+
"density": "2.0"
33+
},
34+
{
35+
"src": "favicons/android-icon-144x144.png",
36+
"sizes": "144x144",
37+
"type": "image\/png",
38+
"density": "3.0"
39+
},
40+
{
41+
"src": "favicons/android-icon-192x192.png",
42+
"sizes": "192x192",
43+
"type": "image\/png",
44+
"density": "4.0"
45+
}
5046
]
5147
}

‎serviceWorker.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -20,4 +20,5 @@ self.addEventListener("fetch", fetchEvent => {
2020
return res || fetch(fetchEvent.request)
2121
})
2222
)
23-
})
23+
})
24+

0 commit comments

Comments
 (0)