finxol.io
A very simple bookmarking webapp
bookmarker.finxol.deno.net/
fix: add pwa icon
+57
-78
+12
-3
index.html
+12
-3
index.html
···
1
-
<!DOCTYPE html>
1
+
<!doctype html>
2
2
<html lang="en">
3
3
<head>
4
-
<meta charset="UTF-8" />
5
-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
4
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
5
<title>Bookmarker</title>
6
+
<meta name="description" content="Simple link bookmarking app" />
7
+
<meta charset="UTF-8" />
8
+
<link rel="icon" href="/favicon.ico" sizes="48x48" />
9
+
<link
10
+
rel="icon"
11
+
href="/bookmark.svg"
12
+
sizes="any"
13
+
type="image/svg+xml"
14
+
/>
15
+
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
16
+
<meta name="theme-color" content="#1d0e20" />
8
17
</head>
9
18
<body>
10
19
<noscript>Please enable JavaScript to run this app.</noscript>
src/assets/apple-touch-icon-180x180.png
src/assets/apple-touch-icon-180x180.png
This is a binary file and will not be displayed.
+16
src/assets/bookmark.svg
+16
src/assets/bookmark.svg
···
1
+
<svg
2
+
xmlns="http://www.w3.org/2000/svg"
3
+
width="24"
4
+
height="24"
5
+
viewBox="0 0 24 24"
6
+
fill="none"
7
+
stroke="currentColor"
8
+
stroke-width="2"
9
+
stroke-linecap="round"
10
+
stroke-linejoin="round"
11
+
class="lucide lucide-bookmark"
12
+
>
13
+
<path
14
+
d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"
15
+
></path>
16
+
</svg>
src/assets/favicon.ico
src/assets/favicon.ico
This is a binary file and will not be displayed.
src/assets/maskable-icon-512x512.png
src/assets/maskable-icon-512x512.png
This is a binary file and will not be displayed.
src/assets/pwa-192x192.png
src/assets/pwa-192x192.png
This is a binary file and will not be displayed.
src/assets/pwa-512x512.png
src/assets/pwa-512x512.png
This is a binary file and will not be displayed.
src/assets/pwa-64x64.png
src/assets/pwa-64x64.png
This is a binary file and will not be displayed.
-75
src/assets/solid.svg
-75
src/assets/solid.svg
···
1
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166 155.3">
2
-
<defs><linearGradient
3
-
id="a"
4
-
gradientUnits="userSpaceOnUse"
5
-
x1="27.5"
6
-
y1="3"
7
-
x2="152"
8
-
y2="63.5"
9
-
><stop offset=".1" stop-color="#76b3e1" /><stop
10
-
offset=".3"
11
-
stop-color="#dcf2fd"
12
-
/><stop
13
-
offset="1"
14
-
stop-color="#76b3e1"
15
-
/></linearGradient><linearGradient
16
-
id="b"
17
-
gradientUnits="userSpaceOnUse"
18
-
x1="95.8"
19
-
y1="32.6"
20
-
x2="74"
21
-
y2="105.2"
22
-
><stop offset="0" stop-color="#76b3e1" /><stop
23
-
offset=".5"
24
-
stop-color="#4377bb"
25
-
/><stop
26
-
offset="1"
27
-
stop-color="#1f3b77"
28
-
/></linearGradient><linearGradient
29
-
id="c"
30
-
gradientUnits="userSpaceOnUse"
31
-
x1="18.4"
32
-
y1="64.2"
33
-
x2="144.3"
34
-
y2="149.8"
35
-
><stop offset="0" stop-color="#315aa9" /><stop
36
-
offset=".5"
37
-
stop-color="#518ac8"
38
-
/><stop
39
-
offset="1"
40
-
stop-color="#315aa9"
41
-
/></linearGradient><linearGradient
42
-
id="d"
43
-
gradientUnits="userSpaceOnUse"
44
-
x1="75.2"
45
-
y1="74.5"
46
-
x2="24.4"
47
-
y2="260.8"
48
-
><stop offset="0" stop-color="#4377bb" /><stop
49
-
offset=".5"
50
-
stop-color="#1a336b"
51
-
/><stop
52
-
offset="1"
53
-
stop-color="#1a336b"
54
-
/></linearGradient></defs><path
55
-
d="M163 35S110-4 69 5l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9 18-30z"
56
-
fill="#76b3e1"
57
-
/><path
58
-
d="M163 35S110-4 69 5l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9 18-30z"
59
-
opacity=".3"
60
-
fill="url(#a)"
61
-
/><path
62
-
d="m52 35-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21S92 26 52 35z"
63
-
fill="#518ac8"
64
-
/><path
65
-
d="m52 35-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21S92 26 52 35z"
66
-
opacity=".3"
67
-
fill="url(#b)"
68
-
/><path
69
-
d="M134 80a45 45 0 0 0-48-15L24 85 4 120l112 19 20-36c4-7 3-15-2-23z"
70
-
fill="url(#c)"
71
-
/><path
72
-
d="M114 115a45 45 0 0 0-48-15L4 120s53 40 94 30l3-1c17-5 23-21 13-34z"
73
-
fill="url(#d)"
74
-
/>
75
-
</svg>
+29
vite.config.ts
+29
vite.config.ts
···
33
33
workbox: {
34
34
navigateFallbackDenylist: [/^\/api\//],
35
35
},
36
+
manifest: {
37
+
name: "Bookmarker",
38
+
short_name: "Bookmarker",
39
+
description: "Simple link bookmarking app",
40
+
theme_color: "#1d0e20",
41
+
icons: [
42
+
{
43
+
src: "pwa-64x64.png",
44
+
sizes: "64x64",
45
+
type: "image/png",
46
+
},
47
+
{
48
+
src: "pwa-192x192.png",
49
+
sizes: "192x192",
50
+
type: "image/png",
51
+
},
52
+
{
53
+
src: "pwa-512x512.png",
54
+
sizes: "512x512",
55
+
type: "image/png",
56
+
},
57
+
{
58
+
src: "maskable-icon-512x512.png",
59
+
sizes: "512x512",
60
+
type: "image/png",
61
+
purpose: "maskable",
62
+
},
63
+
],
64
+
},
36
65
}),
37
66
],
38
67
server: {