mkrhere
/
pw2
mirror of https://github.com/mkrhere/pw2
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

feat: update favicons

master
Muthu Kumar 7 months ago
parent
30f62530f9
commit
e9d911b9b9
18 changed files with 100 additions and 68 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 39
      index.html
  2. BIN
      public/favicon.ico
  3. BIN
      public/favicon/android-chrome-192x192.png
  4. BIN
      public/favicon/android-chrome-512x512.png
  5. BIN
      public/favicon/apple-touch-icon.png
  6. 4
      public/favicon/browserconfig.xml
  7. BIN
      public/favicon/favicon-16x16.png
  8. BIN
      public/favicon/favicon-32x32.png
  9. BIN
      public/favicon/favicon.ico
  10. 9
      public/favicon/html_code.html
  11. BIN
      public/favicon/mstile-144x144.png
  12. BIN
      public/favicon/mstile-150x150.png
  13. BIN
      public/favicon/mstile-310x150.png
  14. BIN
      public/favicon/mstile-310x310.png
  15. BIN
      public/favicon/mstile-70x70.png
  16. 51
      public/favicon/safari-pinned-tab.svg
  17. 15
      public/favicon/site.webmanifest
  18. 2
      src/components/Container.tsx

39
index.html
View File

@ -1,35 +1,34 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Personal website of MKRhere" /> <meta name="description" content="Personal website of MKRhere" />
<meta name="darkreader-lock"> <meta name="darkreader-lock" />
<!-- generated by realfavicongenerator.net -->
<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" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<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> <title>MKRhere</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<style> <style>
/* inline all the CSS to save a couple roundtrips */ /* inline all the CSS to save a couple roundtrips */
@import url('./src/index.css'); @import url("./src/index.css");
@import url('./public/fonts.css'); @import url("./public/fonts.css");
@import url('./src/util/dynamic-gradient.css'); @import url("./src/util/dynamic-gradient.css");
</style> </style>
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/index.tsx"></script> <script type="module" src="/src/index.tsx"></script>
</body> </body>
</html> </html>

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.8 KiB

BIN
public/favicon/android-chrome-192x192.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
public/favicon/android-chrome-512x512.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
public/favicon/apple-touch-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

4
public/favicon/browserconfig.xml
View File

@ -2,8 +2,8 @@
<browserconfig> <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> </browserconfig>

BIN
public/favicon/favicon-16x16.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 912 B

After

Width:  |  Height:  |  Size: 492 B

BIN
public/favicon/favicon-32x32.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 706 B

BIN
public/favicon/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

9
public/favicon/html_code.html
View File

@ -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">

BIN
public/favicon/mstile-144x144.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/favicon/mstile-150x150.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/favicon/mstile-310x150.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/favicon/mstile-310x310.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
public/favicon/mstile-70x70.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

51
public/favicon/safari-pinned-tab.svg
View File

@ -5,21 +5,46 @@
width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
preserveAspectRatio="xMidYMid meet"> preserveAspectRatio="xMidYMid meet">
<metadata> <metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013 Created by potrace 1.14, written by Peter Selinger 2001-2017
</metadata> </metadata>
<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none"> 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> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

15
public/favicon/site.webmanifest
View File

@ -1,20 +1,19 @@
{ {
"name": "MKRhere", "name": "",
"short_name": "MKRhere", "short_name": "",
"start_url": "/",
"icons": [ "icons": [
{ {
"src": "/favicon/android-chrome-192x192.png", "src": "/favicon/android-chrome-192x192.png?v=240615",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png" "type": "image/png"
}, },
{ {
"src": "/favicon/android-chrome-512x512.png", "src": "/favicon/android-chrome-512x512.png?v=240615",
"sizes": "512x512", "sizes": "512x512",
"type": "image/png" "type": "image/png"
} }
], ],
"display": "standalone", "theme_color": "#ffffff",
"theme_color": "#ff5555", "background_color": "#ffffff",
"background_color": "#000000" "display": "standalone"
} }

2
src/components/Container.tsx
View File

@ -201,7 +201,7 @@ const Container: React.FC<{
onMouseOver={() => !mobile && setShowMenu(true)} onMouseOver={() => !mobile && setShowMenu(true)}
onMouseOut={() => !mobile && setShowMenu(false)}> onMouseOut={() => !mobile && setShowMenu(false)}>
<button <button
aria-label="Logo (Back to home)" aria-label={mobile ? "Tap to show menu" : "Back to home"}
ref={highlightCircle} ref={highlightCircle}
className={cx( className={cx(
css` css`

Write Preview
Loading…
Cancel
Save