Added all standard favicon

public/README.md

@@ -0,0 +1,24 @@
+# Your Favicon Package
+
+This package was generated with [RealFaviconGenerator](https://realfavicongenerator.net/) [v0.16](https://realfavicongenerator.net/change_log#v0.16)
+
+## Install instructions
+
+To install this package:
+
+Extract this package in the root of your web site. If your site is <code>http://www.example.com</code>, you should be able to access a file named <code>http://www.example.com/favicon.ico</code>.
+
+Insert the following code in the `head` section of your pages:
+
+    <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="#9c6644">
+    <meta name="apple-mobile-web-app-title" content="Accord's Library">
+    <meta name="application-name" content="Accord's Library">
+    <meta name="msapplication-TileColor" content="#feecd6">
+    <meta name="msapplication-TileImage" content="/mstile-144x144.png">
+    <meta name="theme-color" content="#feecd6">
+
+*Optional* - Check your favicon with the [favicon checker](https://realfavicongenerator.net/favicon_checker)

public/browserconfig.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/mstile-70x70.png"/>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <square310x310logo src="/mstile-310x310.png"/>
+            <TileColor>#feecd6</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/html_code.html

@@ -0,0 +1,10 @@
+<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="#9c6644">
+<meta name="apple-mobile-web-app-title" content="Accord's Library">
+<meta name="application-name" content="Accord's Library">
+<meta name="msapplication-TileColor" content="#feecd6">
+<meta name="msapplication-TileImage" content="/mstile-144x144.png">
+<meta name="theme-color" content="#feecd6">

public/manifest.json

@@ -1,15 +0,0 @@
-{
-    "name": "Accord’s Library",
-    "short_name": "Accord’s Library",
-    "start_url": ".",
-    "display": "standalone",
-    "background_color": "#FFEDD8",
-    "theme_color": "#FFEDD8",
-    "description": "Accord's Library aims at gathering and archiving all of Yoko Taro’s work. Yoko Taro is a Japanese video game director and scenario writer.",
-    "icons": [{
-      "src": "favicon.png",
-      "sizes": "551x551",
-      "type": "image/png"
-    }]
-  }
-  

public/manifest.webmanifest

@@ -1,15 +0,0 @@
-{
-    "name": "Accord’s Library",
-    "short_name": "Accord’s Lib",
-    "start_url": ".",
-    "display": "standalone",
-    "background_color": "#FFEDD8",
-    "theme_color": "#FFEDD8",
-    "description": "Accord's Library aims at gathering and archiving all of Yoko Taro’s work. Yoko Taro is a Japanese video game director and scenario writer.",
-    "icons": [{
-      "src": "favicon.png",
-      "sizes": "551x551",
-      "type": "image/png"
-    }]
-  }
-  

public/safari-pinned-tab.svg

@@ -0,0 +1,146 @@
+<?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="1024.000000pt" height="1024.000000pt" viewBox="0 0 1024.000000 1024.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M4765 10124 c-22 -2 -92 -9 -155 -15 -1135 -105 -2221 -619 -3040
+-1439 -810 -810 -1299 -1827 -1436 -2990 -25 -210 -30 -730 -10 -960 56 -636
+209 -1197 480 -1755 118 -243 188 -366 341 -595 379 -569 843 -1031 1410
+-1405 1103 -728 2449 -986 3757 -720 1784 363 3251 1705 3773 3450 243 816
+277 1667 99 2501 -313 1468 -1295 2734 -2644 3409 -529 264 -1054 421 -1660
+496 -131 16 -239 21 -520 24 -195 1 -373 1 -395 -1z m694 -587 c122 -51 274
+-190 426 -392 73 -96 453 -676 530 -809 l28 -48 -24 7 c-88 27 -289 104 -368
+141 -173 81 -320 194 -679 522 -328 299 -555 485 -673 550 -54 30 -61 41 -26
+43 207 12 358 16 522 14 191 -2 203 -3 264 -28z m591 -63 c168 -38 411 -109
+467 -138 67 -33 196 -172 257 -276 27 -46 72 -138 99 -204 46 -115 349 -1017
+343 -1023 -1 -1 -76 50 -167 114 -253 180 -352 287 -577 628 -366 555 -479
+722 -556 816 -47 59 -86 110 -86 114 0 11 86 -2 220 -31z m-1632 -30 c151 -50
+278 -129 477 -294 132 -109 558 -495 635 -575 l55 -57 -55 6 c-30 4 -127 13
+-214 21 -285 27 -336 46 -936 346 -475 237 -590 291 -724 338 -111 39 -114 41
+-85 57 36 20 341 120 470 153 153 40 268 42 377 5z m2692 -351 c313 -165 446
+-253 512 -341 110 -144 154 -371 188 -967 14 -250 24 -575 18 -575 -10 0 -152
+179 -238 300 -132 184 -158 246 -355 830 -130 386 -196 566 -249 683 -14 31
+-37 82 -51 112 l-25 55 38 -15 c20 -9 93 -46 162 -82z m-3580 -8 c118 -32 337
+-130 780 -351 336 -168 390 -197 380 -207 -3 -3 -84 -20 -180 -38 -157 -30
+-192 -33 -345 -33 -191 1 -217 5 -750 119 -440 94 -563 115 -729 125 -82 5
+-151 12 -154 15 -7 7 9 19 144 109 238 160 414 256 512 281 81 21 223 12 342
+-20z m4432 -557 c85 -68 386 -367 439 -438 63 -83 86 -147 100 -270 21 -177
+-6 -360 -145 -1008 -42 -195 -76 -356 -76 -358 0 -42 -121 202 -184 369 -62
+164 -84 349 -121 987 -24 414 -36 540 -69 696 -7 35 -10 64 -6 64 5 0 32 -19
+62 -42z m-5077 -18 c66 -11 282 -56 480 -100 198 -43 380 -81 405 -85 25 -4
+51 -11 58 -14 18 -10 -349 -182 -458 -214 -154 -46 -271 -60 -710 -82 -483
+-24 -693 -43 -877 -79 -46 -9 -73 -10 -73 -4 0 16 160 198 284 326 247 253
+317 285 611 278 102 -3 203 -12 280 -26z m2618 -441 c534 -53 1103 -309 1548
+-695 799 -693 1168 -1778 954 -2804 -81 -388 -223 -725 -450 -1065 -281 -421
+-666 -756 -1130 -985 -295 -146 -572 -233 -895 -281 -127 -19 -198 -23 -390
+-23 -256 -1 -364 9 -590 54 -458 91 -895 293 -1250 576 -116 92 -400 378 -493
+494 -308 388 -531 909 -597 1395 -18 134 -24 534 -11 699 56 687 358 1318 872
+1821 281 275 543 453 871 594 320 137 611 211 913 231 151 10 501 4 648 -11z
+m-2453 -209 c0 -18 -323 -288 -394 -329 -114 -65 -241 -113 -671 -256 -469
+-156 -624 -211 -759 -272 -54 -24 -101 -42 -104 -39 -7 8 41 111 131 281 187
+351 250 417 465 488 197 66 344 83 957 112 182 9 335 18 340 20 19 7 35 5 35
+-5z m5719 -243 c97 -146 172 -276 249 -434 60 -124 67 -145 70 -208 4 -89 -28
+-216 -99 -398 -50 -126 -457 -947 -484 -976 -11 -11 -16 -1 -28 55 -48 214
+-65 520 -38 689 21 131 69 375 122 615 66 302 99 493 105 620 6 124 11 153 25
+145 5 -4 40 -52 78 -108z m-6380 -439 c-119 -189 -202 -301 -289 -388 -107
+-108 -166 -150 -651 -469 -370 -244 -468 -313 -566 -397 -33 -30 -66 -54 -72
+-54 -48 0 111 636 188 751 50 73 136 135 296 214 185 91 326 143 755 280 184
+59 342 111 350 115 26 14 23 2 -11 -52z m6909 -663 c62 -206 107 -387 123
+-495 14 -97 6 -137 -53 -254 -81 -162 -157 -266 -373 -507 -358 -400 -489
+-539 -497 -526 -15 28 34 396 73 536 24 90 120 303 280 623 160 319 283 582
+326 693 36 94 52 121 63 108 4 -4 30 -84 58 -178z m-7378 -238 c-57 -176 -125
+-320 -198 -422 -64 -90 -195 -243 -413 -480 -306 -335 -385 -430 -479 -575
+-43 -66 -55 -78 -63 -65 -14 26 -28 481 -18 617 14 194 30 226 204 395 137
+133 244 211 603 441 154 98 308 198 344 221 35 23 66 38 68 32 2 -5 -20 -79
+-48 -164z m-189 -977 c-6 -85 -18 -184 -26 -219 -27 -114 -96 -270 -268 -611
+-213 -423 -327 -663 -362 -765 -16 -44 -31 -84 -35 -88 -26 -30 -210 626 -210
+747 0 90 86 269 210 436 57 77 223 268 431 496 75 82 165 182 200 223 l64 74
+3 -69 c2 -38 -1 -139 -7 -224z m7762 -138 l-1 -372 -50 -68 c-129 -174 -282
+-292 -862 -669 -256 -166 -310 -198 -310 -185 0 28 108 321 149 407 79 161
+198 314 516 660 282 307 408 456 491 585 l48 74 10 -29 c6 -19 10 -171 9 -403z
+m-7692 -692 c64 -317 61 -365 -71 -990 -85 -403 -116 -568 -135 -735 -8 -71
+-15 -132 -15 -135 0 -3 -30 40 -67 95 -94 141 -224 360 -291 492 l-56 111 16
+104 c23 142 58 256 124 406 89 200 435 875 445 865 5 -5 27 -101 50 -213z
+m7604 -206 c-40 -172 -111 -426 -146 -520 -38 -103 -185 -217 -400 -310 -151
+-64 -1017 -350 -1028 -339 -6 6 141 223 211 312 105 133 259 256 600 481 480
+315 568 375 678 461 63 49 116 86 118 81 2 -5 -13 -79 -33 -166z m-7305 -651
+c60 -128 100 -228 116 -290 27 -106 47 -325 64 -673 18 -391 34 -582 67 -809
+l6 -45 -63 50 c-87 68 -464 444 -485 483 -44 87 -57 301 -29 490 16 108 88
+467 165 824 35 162 45 195 55 182 7 -9 53 -104 104 -212z m6964 -330 c-68
+-155 -242 -448 -338 -569 -68 -86 -114 -112 -265 -150 -181 -46 -366 -64
+-1006 -94 -121 -6 -230 -14 -242 -17 -13 -3 -23 -3 -23 0 0 3 74 69 165 148
+258 225 294 241 1058 499 260 87 513 176 562 198 50 22 96 40 102 41 8 1 4
+-19 -13 -56z m-6523 -330 c176 -197 199 -226 237 -292 61 -109 116 -256 256
+-679 136 -415 189 -561 247 -689 18 -40 29 -76 25 -80 -10 -10 -281 128 -449
+229 -177 107 -242 163 -277 242 -69 153 -99 364 -125 871 -8 160 -17 341 -20
+403 -4 61 -5 112 -2 112 2 0 51 -53 108 -117z m712 -629 c263 -175 338 -259
+605 -671 221 -340 360 -545 451 -667 45 -60 80 -111 77 -113 -12 -12 -423 87
+-597 143 -58 19 -125 47 -147 64 -59 43 -123 128 -186 249 -75 146 -99 209
+-224 597 -151 467 -162 504 -149 504 6 0 83 -48 170 -106z m5215 41 c-10 -47
+-483 -504 -565 -546 -46 -23 -56 -24 -223 -23 -217 1 -292 13 -755 114 -198
+44 -390 84 -427 91 -37 7 -65 15 -63 19 7 12 366 177 430 198 146 49 245 60
+855 97 461 28 610 41 655 54 50 15 97 13 93 -4z m-4423 -424 c99 -35 216 -80
+260 -101 94 -45 264 -179 504 -396 289 -262 453 -405 556 -484 121 -94 144
+-118 126 -129 -21 -13 -363 -21 -556 -13 -162 7 -185 10 -229 32 -65 32 -201
+161 -278 264 -103 136 -588 872 -588 892 0 3 6 4 13 1 6 -2 93 -32 192 -66z
+m2292 -86 c118 -17 254 -45 590 -119 279 -62 497 -101 616 -112 42 -3 80 -10
+82 -15 13 -21 -299 -211 -557 -340 l-147 -73 -124 31 c-68 17 -177 52 -243 78
+-120 47 -977 476 -969 484 3 2 105 24 227 47 246 48 317 51 525 19z m-1417
+-90 c374 -32 377 -34 985 -340 264 -133 529 -261 589 -286 60 -24 111 -50 114
+-57 5 -18 -38 -34 -277 -101 -265 -76 -363 -94 -466 -89 -70 4 -90 9 -160 46
+-156 82 -301 198 -675 541 -118 108 -241 221 -273 249 -67 61 -81 58 163 37z"/>
+<path d="M5073 7925 c-40 -17 -63 -61 -63 -121 0 -39 5 -51 34 -80 28 -28 41
+-34 79 -34 56 0 106 33 125 82 12 31 12 43 1 80 -24 75 -100 106 -176 73z"/>
+<path d="M3745 7570 c-11 -4 -30 -19 -43 -32 -67 -73 -5 -201 96 -200 52 1 78
+15 102 55 64 105 -41 225 -155 177z"/>
+<path d="M6403 7560 c-83 -50 -82 -158 0 -209 66 -40 132 -18 169 57 18 38 19
+49 9 82 -24 80 -108 113 -178 70z"/>
+<path d="M5038 6879 c-138 -20 -242 -122 -295 -288 -22 -68 -24 -89 -20 -196
+5 -143 22 -194 124 -377 112 -202 135 -296 149 -600 l7 -158 -69 0 c-116 1
+-315 19 -399 37 -61 13 -123 38 -262 110 -211 108 -290 133 -416 133 -310 0
+-505 -201 -459 -472 36 -208 206 -332 457 -332 143 0 241 32 435 144 88 51
+187 88 275 105 80 16 424 39 433 30 3 -3 1 -92 -6 -198 -17 -283 -26 -314
+-179 -607 -70 -136 -93 -218 -93 -334 0 -190 66 -333 191 -412 101 -63 277
+-72 386 -19 143 70 226 224 227 420 1 116 -23 210 -81 323 -25 48 -67 128 -93
+178 -70 137 -90 233 -105 532 l-7 123 124 -6 c165 -8 323 -24 378 -37 70 -18
+165 -60 285 -127 189 -106 343 -139 495 -107 154 33 257 107 314 226 28 60 31
+73 30 165 0 79 -5 112 -23 157 -60 154 -226 248 -438 248 -126 0 -208 -26
+-408 -130 -231 -120 -281 -132 -593 -146 l-164 -7 7 129 c9 175 23 312 40 381
+8 32 57 141 109 243 115 226 130 273 130 405 0 212 -99 388 -252 445 -59 22
+-160 31 -234 19z"/>
+<path d="M7390 6592 c-22 -12 -44 -36 -60 -65 l-25 -47 20 -37 c27 -50 78 -83
+127 -83 32 0 47 7 74 34 28 28 34 41 34 78 0 55 -30 105 -75 124 -44 18 -53
+18 -95 -4z"/>
+<path d="M2749 6577 c-61 -41 -62 -131 -3 -191 65 -65 204 1 204 96 0 13 -9
+37 -20 55 -38 63 -120 81 -181 40z"/>
+<path d="M4304 6086 c-123 -54 -176 -191 -120 -311 70 -151 248 -181 366 -63
+116 115 83 295 -65 364 -57 27 -132 31 -181 10z"/>
+<path d="M5751 6074 c-223 -111 -124 -453 124 -432 68 6 126 43 172 111 41 61
+49 111 29 180 -40 139 -195 206 -325 141z"/>
+<path d="M2393 5250 c-60 -36 -69 -141 -17 -194 99 -98 263 29 199 154 -30 58
+-120 78 -182 40z"/>
+<path d="M7729 5255 c-28 -15 -59 -70 -59 -104 0 -31 24 -83 48 -104 48 -43
+135 -29 181 29 38 48 22 141 -31 178 -28 20 -104 20 -139 1z"/>
+<path d="M4352 4631 c-49 -13 -109 -56 -139 -103 -23 -33 -28 -55 -31 -112 -3
+-64 0 -76 28 -124 93 -158 302 -157 396 3 50 86 42 178 -22 253 -59 70 -152
+102 -232 83z"/>
+<path d="M5820 4631 c-79 -24 -152 -93 -170 -163 -45 -165 116 -333 275 -288
+55 15 128 78 156 132 28 54 27 135 -1 193 -46 94 -168 154 -260 126z"/>
+<path d="M2753 3920 c-46 -28 -67 -109 -42 -164 11 -24 90 -66 124 -66 48 0
+115 76 115 129 0 40 -30 82 -73 102 -54 24 -84 24 -124 -1z"/>
+<path d="M7379 3917 c-46 -30 -74 -84 -65 -122 4 -16 24 -46 45 -67 31 -30 46
+-38 75 -38 75 0 126 50 126 125 0 102 -99 157 -181 102z"/>
+<path d="M3751 2949 c-85 -43 -105 -130 -42 -192 24 -25 40 -31 85 -35 53 -4
+57 -3 86 28 53 57 52 125 -3 177 -44 43 -73 48 -126 22z"/>
+<path d="M6381 2925 c-52 -60 -53 -110 -3 -166 53 -59 162 -48 197 21 43 83
+-23 180 -123 180 -33 0 -45 -6 -71 -35z"/>
+<path d="M5072 2593 c-41 -20 -62 -59 -62 -113 0 -80 39 -119 117 -120 41 0
+58 5 82 25 72 61 58 176 -26 211 -42 18 -70 17 -111 -3z"/>
+</g>
+</svg>

public/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "Accord's Library",
+  "short_name": "Accord's Lib",
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#FFEDD8",
+  "theme_color": "#FFEDD8",
+  "description": "Accord's Library aims at gathering and archiving all of Yoko Taro’s work. Yoko Taro is a Japanese video game director and scenario writer.",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}

src/pages/_document.tsx

@@ -13,62 +13,39 @@ class MyDocument extends Document {
   }
 
   render() {
-    // General info about the site
-    const siteTitle =
-      "Accord's Library - Discover • Analyse • Translate • Archive";
-    const siteDescription =
-      "Accord's Library aims at gathering and archiving all of Yoko Taro’s work. Yoko Taro is a Japanese video game director and scenario writer.";
-    const siteFavicon = "/favicon.png";
-    const thumbnailImage = "/default_og.jpg";
-
     return (
       <Html>
         <Head>
-          <meta
+          <link
-            name="description"
+            rel="apple-touch-icon"
-            content={siteDescription}
+            sizes="180x180"
-            key="description"
+            href="/apple-touch-icon.png"
           />
-          <link rel="icon" href={siteFavicon} key="icon" />
+          <link
-          <meta property="og:image" content={thumbnailImage} key="ogImage" />
+            rel="icon"
-          <meta
+            type="image/png"
-            property="og:image:secure_url"
+            sizes="32x32"
-            content={thumbnailImage}
+            href="/favicon-32x32.png"
-            key="ogImageSecure"
           />
-          <meta property="og:image:width" content="1200" key="ogImageWidth" />
+          <link
-          <meta property="og:image:height" content="630" key="ogImageHeight" />
+            rel="icon"
-          <meta
+            type="image/png"
-            property="og:image:alt"
+            sizes="16x16"
-            content="Accord's Library"
+            href="/favicon-16x16.png"
-            key="ogImageAlt"
-          />
-          <meta
-            property="og:image:type"
-            content="image/jpeg"
-            key="ogImageType"
-          />
-          <meta
-            name="twitter:card"
-            content="summary_large_image"
-            key="twitterCard"
-          />
-          <meta name="twitter:title" content={siteTitle} key="twitterTitle" />
-          <meta
-            name="twitter:description"
-            content={siteDescription}
-            key="twitterDescription"
-          />
-          <meta
-            name="twitter:image"
-            content={thumbnailImage}
-            key="twitterImage"
           />
+          <link rel="manifest" href="/site.webmanifest" />
+          <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#9c6644" />
+          <meta name="apple-mobile-web-app-title" content="Accord's Library" />
+          <meta name="application-name" content="Accord's Library" />
+          <meta name="msapplication-TileColor" content="#feecd6" />
+          <meta name="msapplication-TileImage" content="/mstile-144x144.png" />
+          <meta name="theme-color" content="#feecd6" />
+
+          <meta name="apple-mobile-web-app-capable" content="yes" />
           <meta
             name="apple-mobile-web-app-status-bar-style"
             content="black-translucent"
           />
-          <link rel="manifest" href="manifest.webmanifest" />
         </Head>
         <body>
           <Main />