feat: update favicons

3 months ago · e9d911b9b9
18 changed files with 100 additions and 68 deletions
--- a/index.html
+++ b/index.html
@ -1,35 +1,34 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<meta name="description" content="Personal website of MKRhere" />
 		<meta name="darkreader-lock" />
-<head>
+		<!-- generated by realfavicongenerator.net -->
-	<meta charset="utf-8" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png?v=240615" />
-	<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png?v=240615" />
-	<meta name="description" content="Personal website of MKRhere" />
+		<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png?v=240615" />
-	<meta name="darkreader-lock">
+		<link rel="manifest" href="/favicon/site.webmanifest?v=240615" />
 		<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg?v=240615" color="#ff5555" />
 		<link rel="shortcut icon" href="/favicon/favicon.ico?v=240615" />
 		<meta name="msapplication-TileColor" content="#da532c" />
 		<meta name="msapplication-config" content="/favicon/browserconfig.xml?v=240615" />
 		<meta name="theme-color" content="#ffffff" />
-	<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+		<title>MKRhere</title>
-	<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+	</head>
 	<link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-chrome-192x192.png">
 	<link rel="manifest" href="/favicon/site.webmanifest">
 	<meta name="theme-color" content="#ff5555">
 	<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
 	<link rel="shortcut icon" href="/favicon/favicon.ico">
 	<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
 	<meta name="msapplication-config" content="/favicon/browserconfig.xml">
 	<meta name="msapplication-TileColor" content="#ff5555">
 	<title>MKRhere</title>
 </head>
 <body>
 	<noscript>You need to enable JavaScript to run this app.</noscript>
 	<style>
 		/* inline all the CSS to save a couple roundtrips */
 		@import url('./src/index.css');
 		@import url('./public/fonts.css');
 		@import url('./src/util/dynamic-gradient.css');
 	</style>
 	<div id="root"></div>
 	<script type="module" src="/src/index.tsx"></script>
 </body>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>
 		<style>
 			/* inline all the CSS to save a couple roundtrips */
 			@import url("./src/index.css");
 			@import url("./public/fonts.css");
 			@import url("./src/util/dynamic-gradient.css");
 		</style>
 		<div id="root"></div>
 		<script type="module" src="/src/index.tsx"></script>
 	</body>
 </html>
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/favicon/android-chrome-192x192.png
+++ b/public/favicon/android-chrome-192x192.png
--- a/public/favicon/android-chrome-512x512.png
+++ b/public/favicon/android-chrome-512x512.png
--- a/public/favicon/apple-touch-icon.png
+++ b/public/favicon/apple-touch-icon.png
--- a/public/favicon/browserconfig.xml
+++ b/public/favicon/browserconfig.xml
@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <browserconfig>
-	<msapplication>
+    <msapplication>
-		<tile>
+        <tile>
-			<square150x150logo src="/favicon/mstile-150x150.png"/>
+            <square150x150logo src="/favicon/mstile-150x150.png?v=240615"/>
-			<TileColor>#ff5555</TileColor>
+            <TileColor>#da532c</TileColor>
-		</tile>
+        </tile>
-	</msapplication>
+    </msapplication>
 </browserconfig>
--- a/public/favicon/favicon-16x16.png
+++ b/public/favicon/favicon-16x16.png
--- a/public/favicon/favicon-32x32.png
+++ b/public/favicon/favicon-32x32.png
--- a/public/favicon/favicon.ico
+++ b/public/favicon/favicon.ico
--- a/public/favicon/html_code.html
+++ b/public/favicon/html_code.html
@ -0,0 +1,9 @@
 <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png?v=240615">
 <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png?v=240615">
 <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png?v=240615">
 <link rel="manifest" href="/favicon/site.webmanifest?v=240615">
 <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg?v=240615" color="#ff5555">
 <link rel="shortcut icon" href="/favicon/favicon.ico?v=240615">
 <meta name="msapplication-TileColor" content="#da532c">
 <meta name="msapplication-config" content="/favicon/browserconfig.xml?v=240615">
 <meta name="theme-color" content="#ffffff">
--- a/public/favicon/mstile-144x144.png
+++ b/public/favicon/mstile-144x144.png
--- a/public/favicon/mstile-150x150.png
+++ b/public/favicon/mstile-150x150.png
--- a/public/favicon/mstile-310x150.png
+++ b/public/favicon/mstile-310x150.png
--- a/public/favicon/mstile-310x310.png
+++ b/public/favicon/mstile-310x310.png
--- a/public/favicon/mstile-70x70.png
+++ b/public/favicon/mstile-70x70.png
--- a/public/favicon/safari-pinned-tab.svg
+++ b/public/favicon/safari-pinned-tab.svg
@ -5,21 +5,46 @@
 width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
 preserveAspectRatio="xMidYMid meet">
 <metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
+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="M3215 6989 c-745 -64 -1437 -353 -1995 -835 -551 -475 -938 -1101
+<path d="M3467 6984 c-1 -1 -69 -4 -152 -8 -82 -3 -160 -8 -172 -10 -12 -3
-1114 -1799 -73 -291 -101 -529 -101 -860 1 -404 50 -722 171 -1090 254 -772
+-46 -7 -75 -10 -29 -4 -62 -8 -73 -10 -11 -2 -40 -7 -65 -11 -71 -11 -243 -46
-784 -1445 1476 -1876 447 -278 924 -443 1483 -511 130 -16 600 -16 730 0 451
+-251 -51 -4 -2 -27 -8 -51 -13 -80 -16 -282 -82 -423 -138 -859 -343 -1559
-55 818 163 1195 351 729 364 1312 973 1639 1714 144 325 238 674 283 1052 16
+-1032 -1918 -1888 -76 -182 -167 -472 -192 -610 -10 -57 -16 -90 -25 -130 -5
-139 16 595 0 730 -61 497 -198 932 -418 1327 -538 964 -1489 1620 -2569 1772
+-22 -12 -62 -15 -90 -3 -27 -8 -61 -10 -75 -3 -14 -8 -56 -11 -95 -3 -38 -7
-249 35 -546 45 -780 25z m-476 -2292 c107 -232 198 -426 203 -432 5 -5 7 182
+-88 -9 -110 -7 -69 -7 -376 0 -470 47 -707 316 -1396 762 -1948 110 -136 293
-6 423 l-3 432 199 -2 198 -3 704 -1525 c387 -839 704 -1529 704 -1535 0 -17
+-328 403 -422 30 -26 69 -59 85 -74 89 -77 286 -218 415 -296 297 -180 633
-207 -370 -216 -368 -4 0 -274 577 -598 1281 l-591 1280 -3 -426 -2 -425 307
+-321 953 -400 189 -46 368 -77 512 -90 33 -3 83 -8 110 -10 53 -5 378 -6 455
-664 c168 -366 306 -671 306 -678 0 -14 -205 -375 -213 -375 -3 0 -156 326
+-1 66 4 196 16 217 20 10 2 43 7 73 12 30 4 57 8 60 9 3 0 28 5 55 10 28 5 52
-340 725 l-334 725 -57 0 -57 0 -4 133 -3 132 -174 375 c-96 206 -187 402
+9 55 10 3 1 25 5 50 9 125 21 375 98 563 172 615 244 1160 676 1557 1233 179
-202 434 l-29 60 0 423 c0 416 0 423 -20 423 -20 0 -20 -7 -20 -990 l0 -990
+252 337 562 444 869 25 73 48 143 50 155 3 12 18 74 35 137 29 114 65 303 75
-175 0 -175 0 0 995 0 995 198 0 197 0 194 -423z"/>
+390 5 44 13 126 21 225 7 78 7 372 0 455 -3 41 -8 95 -10 120 -24 288 -143
 755 -257 1010 -55 120 -145 302 -180 359 -21 34 -38 65 -38 67 0 7 -97 153
 -169 254 -108 152 -234 296 -392 450 -76 74 -144 140 -151 145 -7 6 -40 33
 -74 60 -91 75 -135 109 -153 119 -9 5 -18 12 -21 16 -11 14 -243 161 -337 214
 -257 143 -557 262 -833 332 -67 17 -105 25 -138 30 -20 3 -40 8 -43 9 -7 5
 -183 33 -250 40 -30 3 -63 8 -74 10 -25 5 -383 22 -388 19z m-1132 -1374 c39
 0 41 -2 64 -58 14 -31 49 -108 78 -170 29 -62 53 -114 53 -116 0 -2 22 -50 49
 -107 27 -57 97 -210 156 -339 59 -129 111 -239 115 -243 3 -4 7 224 7 508 0
 283 2 518 5 521 7 6 477 9 483 3 2 -3 47 -99 100 -214 54 -116 110 -237 125
 -270 15 -33 83 -179 150 -325 67 -146 135 -292 150 -325 15 -33 41 -89 58
 -125 16 -36 57 -123 90 -195 67 -147 105 -228 152 -330 18 -38 43 -94 56 -123
 23 -51 37 -81 138 -295 25 -54 46 -100 46 -102 0 -2 21 -47 46 -102 40 -85
 425 -918 482 -1043 11 -25 48 -103 81 -174 l60 -129 -26 -46 c-15 -25 -46 -79
 -71 -120 -24 -41 -53 -90 -64 -110 -76 -138 -103 -181 -111 -178 -4 1 -87 173
 -183 382 -96 209 -186 405 -201 435 -14 30 -50 109 -80 175 -31 66 -71 154
 -90 195 -36 78 -251 543 -296 640 -13 30 -68 147 -120 260 -52 113 -178 386
 -280 607 -102 221 -192 413 -199 427 -11 22 -13 -56 -12 -502 l1 -527 25 -55
 c14 -30 41 -89 61 -130 19 -41 46 -100 60 -130 14 -30 46 -99 71 -153 25 -54
 46 -100 46 -102 0 -2 22 -50 49 -107 54 -117 77 -165 168 -363 36 -77 77 -167
 93 -200 15 -33 63 -136 105 -229 l78 -170 -18 -30 c-10 -17 -28 -49 -40 -71
 -12 -22 -60 -105 -107 -185 -46 -80 -89 -153 -95 -163 -11 -21 -3 -35 -83 138
 -24 50 -80 171 -125 270 -86 189 -413 895 -485 1050 -23 50 -62 135 -87 190
 -25 55 -52 105 -59 111 -8 6 -42 10 -79 8 -64 -3 -65 -2 -66 24 0 15 -2 92 -3
 172 l-2 145 -41 85 c-62 128 -133 281 -133 285 0 2 -28 64 -63 137 -35 73
 -103 221 -152 330 l-90 196 -5 -686 -5 -687 -240 0 -240 0 -1 1217 -1 1217 41
 3 c34 2 242 2 411 -2z"/>
 </g>
 </svg>
--- a/public/favicon/site.webmanifest
+++ b/public/favicon/site.webmanifest
@ -1,20 +1,19 @@
 {
-	"name": "MKRhere",
+    "name": "",
-	"short_name": "MKRhere",
+    "short_name": "",
-	"start_url": "/",
+    "icons": [
-	"icons": [
+        {
-		{
+            "src": "/favicon/android-chrome-192x192.png?v=240615",
-			"src": "/favicon/android-chrome-192x192.png",
+            "sizes": "192x192",
-			"sizes": "192x192",
+            "type": "image/png"
-			"type": "image/png"
+        },
-		},
+        {
-		{
+            "src": "/favicon/android-chrome-512x512.png?v=240615",
-			"src": "/favicon/android-chrome-512x512.png",
+            "sizes": "512x512",
-			"sizes": "512x512",
+            "type": "image/png"
-			"type": "image/png"
+        }
-		}
+    ],
-	],
+    "theme_color": "#ffffff",
-	"display": "standalone",
+    "background_color": "#ffffff",
-	"theme_color": "#ff5555",
+    "display": "standalone"
 	"background_color": "#000000"
 }
--- a/src/components/Container.tsx
+++ b/src/components/Container.tsx
@ -201,7 +201,7 @@ const Container: React.FC<{
 					onMouseOver={() => !mobile && setShowMenu(true)}
 					onMouseOut={() => !mobile && setShowMenu(false)}>
 					<button
-						aria-label="Logo (Back to home)"
+						aria-label={mobile ? "Tap to show menu" : "Back to home"}
 						ref={highlightCircle}
 						className={cx(
 							css`