feat: add favicon and logo
@@ -3,6 +3,13 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<meta name="msapplication-TileColor" content="#da532c" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<title>Podcaster</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
BIN
public/android-chrome-192x192.png
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
public/android-chrome-512x512.png
Normal file
|
After Width: | Height: | Size: 179 KiB |
BIN
public/apple-touch-icon.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
9
public/browserconfig.xml
Normal file
@@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/mstile-150x150.png"/>
|
||||
<TileColor>#da532c</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
BIN
public/favicon-16x16.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/favicon-32x32.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
BIN
public/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
public/mstile-150x150.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
73
public/safari-pinned-tab.svg
Normal file
@@ -0,0 +1,73 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="578.000000pt" height="578.000000pt" viewBox="0 0 578.000000 578.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<metadata>
|
||||
Created by potrace 1.14, written by Peter Selinger 2001-2017
|
||||
</metadata>
|
||||
<g transform="translate(0.000000,578.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M3000 5771 c-8 -6 -35 -11 -60 -11 -26 0 -52 -6 -58 -12 -8 -8 -15
|
||||
-9 -20 -3 -7 10 -22 11 -110 7 l-43 -2 24 -26 c24 -25 27 -26 182 -30 549 -14
|
||||
1058 -227 1454 -608 296 -286 506 -684 575 -1091 24 -140 29 -331 13 -485 -8
|
||||
-74 -12 -138 -10 -143 10 -16 23 6 17 29 -4 16 -2 24 7 24 10 0 10 3 1 12 -7
|
||||
7 -11 26 -11 42 2 27 2 28 6 6 9 -58 23 -70 80 -70 46 0 53 3 53 20 0 18 7 20
|
||||
68 20 l69 0 11 51 c8 35 12 196 12 518 0 257 3 644 7 859 l6 392 24 0 c12 0
|
||||
23 -4 23 -10 0 -5 9 -10 19 -10 11 0 21 -6 24 -12 3 -10 9 -9 22 4 17 16 17
|
||||
18 1 43 -14 22 -22 25 -47 20 -30 -7 -40 8 -15 22 11 6 -2 25 -54 81 -38 39
|
||||
-71 72 -74 72 -5 0 -68 46 -116 83 -25 20 -181 97 -195 97 -8 0 -30 9 -50 20
|
||||
-20 11 -44 20 -53 20 -10 0 -22 4 -28 8 -15 14 -84 31 -179 44 -64 9 -277 12
|
||||
-730 13 -352 0 -683 4 -735 8 -63 5 -100 5 -110 -2z"/>
|
||||
<path d="M2628 5683 c6 -2 18 -2 25 0 6 3 1 5 -13 5 -14 0 -19 -2 -12 -5z"/>
|
||||
<path d="M2810 5431 l-45 -20 43 0 c35 -1 42 -4 42 -21 0 -11 -7 -20 -16 -20
|
||||
-11 0 -13 -6 -9 -20 3 -10 1 -28 -5 -40 -9 -18 -8 -20 14 -20 13 0 27 6 29 13
|
||||
3 6 6 1 6 -14 1 -14 6 -37 13 -51 11 -24 18 -26 108 -32 115 -8 317 -48 420
|
||||
-83 104 -35 280 -121 374 -183 345 -226 595 -571 687 -948 13 -51 35 -67 33
|
||||
-23 -1 23 30 30 40 9 5 -10 7 -10 12 0 3 6 14 12 24 12 10 0 21 -6 24 -12 5
|
||||
-10 7 -10 12 0 3 6 16 12 29 12 13 0 26 6 29 13 3 6 4 3 1 -8 -2 -11 0 -27 5
|
||||
-35 16 -23 2 82 -21 170 -44 166 -131 352 -238 511 -316 472 -874 785 -1435
|
||||
805 -115 4 -137 2 -176 -15z"/>
|
||||
<path d="M2740 4952 c0 -7 -13 -10 -30 -8 -16 2 -30 2 -30 0 0 -12 35 -74 42
|
||||
-74 4 0 8 -11 8 -24 0 -37 10 -56 31 -56 21 0 26 -16 7 -23 -8 -2 -9 -8 -4
|
||||
-13 5 -5 11 -4 13 4 5 13 34 17 32 5 -5 -30 4 -33 84 -33 166 0 360 -43 505
|
||||
-110 277 -130 513 -391 598 -660 9 -30 21 -60 26 -66 4 -6 6 -19 2 -28 -3 -9
|
||||
-2 -16 4 -16 6 0 13 14 17 30 6 28 25 43 25 20 0 -5 16 -10 35 -10 19 0 35 5
|
||||
35 10 0 6 7 10 15 10 8 0 15 -5 15 -11 0 -7 12 -10 28 -7 26 4 28 2 24 -24 -3
|
||||
-17 0 -28 7 -28 7 0 10 -10 7 -25 -3 -14 0 -25 5 -25 12 0 11 23 -6 105 -109
|
||||
515 -510 912 -1045 1037 -101 23 -450 39 -450 20z m34 -18 c10 -26 7 -44 -8
|
||||
-44 -8 0 -17 -10 -19 -22 -2 -13 -5 -2 -6 23 -1 44 4 59 20 59 4 0 10 -7 13
|
||||
-16z"/>
|
||||
<path d="M2646 4719 c3 -5 12 -9 21 -9 19 0 9 13 -12 16 -8 1 -13 -2 -9 -7z"/>
|
||||
<path d="M2779 4500 c-358 -42 -664 -283 -788 -620 -59 -163 -61 -183 -58
|
||||
-860 l2 -615 28 -90 c16 -49 48 -129 72 -177 l44 -87 -52 -25 -52 -24 85 -82
|
||||
c297 -285 697 -393 1119 -301 154 34 322 116 468 227 68 52 153 138 153 154 0
|
||||
3 -22 17 -48 29 l-49 23 39 71 c47 88 92 226 109 331 9 61 11 215 6 665 -6
|
||||
551 -8 590 -28 661 -25 92 -93 237 -147 316 -41 60 -156 177 -227 231 -113 86
|
||||
-293 155 -447 172 -107 12 -131 12 -229 1z m273 -289 c149 -38 276 -119 371
|
||||
-236 48 -60 111 -176 123 -227 l6 -28 -216 0 c-243 0 -273 -6 -301 -61 -26
|
||||
-50 -15 -106 29 -146 l36 -33 235 0 235 0 0 -95 0 -95 -202 0 c-115 0 -220 -5
|
||||
-243 -11 -107 -29 -134 -138 -54 -215 l30 -29 235 -3 234 -4 0 -89 0 -89 -197
|
||||
0 c-109 0 -216 -5 -237 -10 -55 -12 -89 -40 -105 -87 -13 -36 -12 -43 5 -79
|
||||
10 -21 34 -49 53 -61 33 -22 42 -23 261 -23 l226 0 -4 -62 c-18 -299 -244
|
||||
-567 -532 -632 -298 -68 -612 86 -753 369 -45 90 -66 162 -74 253 l-6 72 222
|
||||
0 c248 0 276 6 311 62 38 62 19 136 -44 174 -27 17 -57 19 -258 22 l-228 3 0
|
||||
90 0 89 213 0 c228 0 271 6 307 45 35 37 40 120 9 159 -40 51 -68 56 -309 56
|
||||
l-220 0 0 95 0 95 231 0 c257 0 274 4 304 66 30 64 10 130 -49 158 -28 13 -71
|
||||
16 -250 16 -151 0 -216 3 -216 11 0 26 82 183 124 238 82 106 233 204 372 241
|
||||
94 25 230 25 326 1z"/>
|
||||
<path d="M1307 3236 c-51 -19 -85 -52 -108 -102 -17 -37 -19 -70 -20 -265 0
|
||||
-159 4 -255 16 -329 39 -255 135 -507 273 -715 51 -77 200 -253 252 -299 202
|
||||
-177 393 -290 636 -376 l109 -38 3 -241 2 -241 -102 0 c-60 -1 -119 -7 -141
|
||||
-14 -89 -32 -148 -111 -165 -220 l-9 -56 840 0 840 0 -6 52 c-8 68 -50 152
|
||||
-93 184 -54 42 -100 53 -216 54 l-108 0 0 244 0 244 33 7 c53 12 196 69 305
|
||||
124 550 273 903 790 963 1411 12 125 4 426 -13 469 -12 33 -54 78 -93 99 -44
|
||||
25 -306 24 -352 -1 -62 -33 -74 -60 -71 -161 l3 -91 120 -5 120 -5 -1 -170
|
||||
c-2 -244 -39 -411 -144 -632 -180 -380 -538 -675 -945 -778 -133 -34 -190 -40
|
||||
-365 -39 -122 0 -177 5 -259 23 -292 64 -547 205 -747 413 -102 107 -172 205
|
||||
-239 338 -119 238 -164 430 -165 703 l0 147 120 0 120 0 0 91 c0 102 -12 134
|
||||
-63 164 -42 25 -273 33 -330 11z m1711 -2388 l2 -218 -125 0 -125 0 0 220 0
|
||||
221 123 -3 122 -3 3 -217z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
19
public/site.webmanifest
Normal file
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/android-chrome-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
@@ -14,7 +14,14 @@ export function Layout() {
|
||||
}
|
||||
>
|
||||
<h1 className={"text-2xl font-semibold text-sky-600"}>
|
||||
<Link to={"/"}>Podcaster</Link>
|
||||
<Link to={"/"} className={"flex items-center gap-2"}>
|
||||
<img
|
||||
src={"/android-chrome-192x192.png"}
|
||||
className={"h-6 w-6 shrink-0"}
|
||||
alt={"Podcaster logo"}
|
||||
/>
|
||||
Podcaster
|
||||
</Link>
|
||||
</h1>
|
||||
{isLoading && <Spinner />}
|
||||
</header>
|
||||
|
||||