mirror of
https://github.com/bartvdbraak/hellob.art.git
synced 2025-04-26 17:11:21 +00:00
feat: added platform specific favicons
This commit is contained in:
parent
a68d410bdc
commit
04b60cb637
11 changed files with 100 additions and 9 deletions
25
src/app.html
25
src/app.html
|
|
@ -1,12 +1,19 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
|
<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
%sveltekit.head%
|
<link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/apple-touch-icon.png">
|
||||||
</head>
|
<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png">
|
||||||
<body data-sveltekit-preload-data="hover">
|
<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png">
|
||||||
<div style="display: contents">%sveltekit.body%</div>
|
<link rel="manifest" href="%sveltekit.assets%/site.webmanifest">
|
||||||
</body>
|
<link rel="mask-icon" href="%sveltekit.assets%/safari-pinned-tab.svg" color="#5bbad5">
|
||||||
|
<meta name="msapplication-TileColor" content="#da532c">
|
||||||
|
<meta name="theme-color" content="#ffffff">
|
||||||
|
%sveltekit.head%
|
||||||
|
</head>
|
||||||
|
<body data-sveltekit-preload-data="hover">
|
||||||
|
<div style="display: contents">%sveltekit.body%</div>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
BIN
static/android-chrome-192x192.png
Normal file
BIN
static/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
static/android-chrome-512x512.png
Normal file
BIN
static/android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
static/apple-touch-icon.png
Normal file
BIN
static/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
9
static/browserconfig.xml
Normal file
9
static/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
static/favicon-16x16.png
Normal file
BIN
static/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 910 B |
BIN
static/favicon-32x32.png
Normal file
BIN
static/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
9
static/icon.svg
Normal file
9
static/icon.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<defs>
|
||||||
|
<radialGradient id="myGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
|
||||||
|
<stop offset="0%" stop-color="#314755" />
|
||||||
|
<stop offset="100%" stop-color="#26a0da" />
|
||||||
|
</radialGradient>
|
||||||
|
</defs>
|
||||||
|
<path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 13a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm2.75-7.17A5 5 0 0 0 13 7.1v-3a7.94 7.94 0 0 1 3.9 1.62zM11 7.1a5 5 0 0 0-1.75.73L7.1 5.69A7.94 7.94 0 0 1 11 4.07zM7.83 9.25A5 5 0 0 0 7.1 11h-3a7.94 7.94 0 0 1 1.59-3.9zM7.1 13a5 5 0 0 0 .73 1.75L5.69 16.9A7.94 7.94 0 0 1 4.07 13zm2.15 3.17a5 5 0 0 0 1.75.73v3a7.94 7.94 0 0 1-3.9-1.62zm3.75.73a5 5 0 0 0 1.75-.73l2.15 2.14a7.94 7.94 0 0 1-3.9 1.62zm3.17-2.15A5 5 0 0 0 16.9 13h3a7.94 7.94 0 0 1-1.62 3.9zM16.9 11a5 5 0 0 0-.73-1.75l2.14-2.15a7.94 7.94 0 0 1 1.62 3.9z" fill="url(#myGradient)"></path>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 901 B |
BIN
static/mstile-150x150.png
Normal file
BIN
static/mstile-150x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
47
static/safari-pinned-tab.svg
Normal file
47
static/safari-pinned-tab.svg
Normal file
|
|
@ -0,0 +1,47 @@
|
||||||
|
<?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="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
|
||||||
|
preserveAspectRatio="xMidYMid meet">
|
||||||
|
<metadata>
|
||||||
|
Created by potrace 1.14, written by Peter Selinger 2001-2017
|
||||||
|
</metadata>
|
||||||
|
<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
|
||||||
|
fill="#000000" stroke="none">
|
||||||
|
<path d="M3378 6415 c-2 -2 -46 -5 -98 -9 -52 -3 -117 -8 -145 -12 -49 -6
|
||||||
|
-271 -47 -310 -57 -11 -3 -33 -8 -50 -12 -217 -51 -536 -183 -760 -316 -336
|
||||||
|
-198 -660 -494 -881 -804 -117 -164 -239 -379 -304 -535 -17 -41 -37 -88 -45
|
||||||
|
-105 -40 -88 -121 -364 -144 -490 -18 -96 -20 -107 -30 -175 -33 -208 -33
|
||||||
|
-561 -1 -795 88 -626 371 -1202 810 -1645 142 -143 172 -170 290 -261 349
|
||||||
|
-272 768 -465 1196 -553 65 -14 142 -28 169 -31 28 -4 61 -8 75 -11 134 -23
|
||||||
|
592 -23 705 1 11 2 39 7 63 9 173 21 518 112 647 171 17 7 54 23 84 35 145 57
|
||||||
|
438 224 586 335 108 80 232 190 345 305 659 668 949 1595 794 2535 -158 957
|
||||||
|
-824 1801 -1723 2184 -290 124 -569 195 -891 226 -63 7 -377 14 -382 10z
|
||||||
|
m-168 -1045 l0 -439 -42 -11 c-146 -37 -298 -99 -411 -167 -32 -19 -60 -34
|
||||||
|
-62 -32 -2 2 -144 143 -314 313 l-311 308 78 56 c245 176 539 307 847 379 42
|
||||||
|
9 171 31 193 32 l22 1 0 -440z m710 414 c311 -48 715 -226 987 -435 23 -17 22
|
||||||
|
-17 -256 -290 -154 -151 -295 -289 -314 -308 l-35 -33 -60 36 c-107 65 -271
|
||||||
|
131 -409 166 l-43 11 0 436 0 436 48 -7 c26 -4 63 -9 82 -12z m-1931 -1187
|
||||||
|
c157 -159 288 -290 290 -292 2 -2 -13 -31 -33 -64 -64 -104 -143 -297 -161
|
||||||
|
-389 -13 -68 31 -62 -452 -62 l-435 0 6 54 c4 29 9 64 11 77 3 13 9 49 15 79
|
||||||
|
9 52 21 95 57 215 28 92 84 229 140 340 54 109 79 150 177 297 l51 77 24 -22
|
||||||
|
c13 -12 152 -152 310 -310z m3476 153 c122 -188 227 -424 284 -641 29 -109 60
|
||||||
|
-264 61 -301 0 -17 -28 -18 -440 -18 l-439 0 -11 43 c-34 137 -101 302 -166
|
||||||
|
409 -20 32 -35 61 -33 63 2 2 143 144 313 314 l308 311 31 -43 c17 -23 58 -85
|
||||||
|
92 -137z m-1845 -384 c172 -21 347 -106 484 -235 359 -340 358 -920 -1 -1262
|
||||||
|
-350 -334 -903 -322 -1234 27 -159 169 -242 377 -243 609 0 356 231 687 569
|
||||||
|
814 33 13 67 24 75 26 157 32 224 36 350 21z m-1540 -1199 c40 -153 98 -297
|
||||||
|
167 -410 19 -32 34 -60 32 -62 -2 -2 -142 -143 -311 -313 l-308 -310 -29 36
|
||||||
|
c-53 68 -158 237 -206 331 -118 237 -202 499 -232 728 l-5 42 441 0 440 0 11
|
||||||
|
-42z m3720 19 c0 -39 -39 -224 -70 -333 -71 -247 -193 -497 -346 -710 l-51
|
||||||
|
-72 -269 273 c-148 151 -286 292 -308 314 l-38 40 35 59 c67 111 128 260 167
|
||||||
|
410 l11 42 434 0 435 0 0 -23z m-3041 -940 c111 -67 264 -129 409 -166 l42
|
||||||
|
-11 0 -434 c0 -493 11 -443 -91 -425 -30 5 -69 12 -88 15 -153 26 -448 130
|
||||||
|
-598 212 -117 63 -143 79 -208 121 -38 25 -88 61 -111 79 l-41 33 116 114
|
||||||
|
c238 235 506 496 510 496 2 0 29 -15 60 -34z m1861 -280 l310 -309 -62 -44
|
||||||
|
c-69 -48 -235 -153 -243 -153 -3 0 -22 -11 -43 -23 -53 -33 -260 -120 -371
|
||||||
|
-156 -105 -34 -288 -77 -369 -87 l-52 -6 2 443 c3 384 5 442 18 445 51 10 75
|
||||||
|
16 143 39 85 27 215 87 292 134 28 16 53 29 57 28 4 -1 147 -141 318 -311z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3 KiB |
19
static/site.webmanifest
Normal file
19
static/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"
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue