Improve favicon setup

src/_config/files.js

@@ -4,6 +4,7 @@ export default function(eleventyConfig) {
     eleventyConfig.addWatchTarget("./src/assets/");
     eleventyConfig.addWatchTarget("./src/_bundle/");
     eleventyConfig.addPassthroughCopy({
+        "./src/assets/favicon/favicon.ico": "/favicon.ico",
         "node_modules/@zachleat/details-utils/details-utils.js": "assets/js/details-utils.js",
     });
 }

src/_includes/global/favicon.njk

@@ -1,4 +1,4 @@
-<link rel="icon" sizes="32x32" href="/assets/favicon/favicon.ico">
+<link rel="icon" sizes="32x32" href="/favicon.ico">
 <link rel="icon" type="image/svg+xml" href="/assets/favicon/leilukin-bee-favicon.svg">
 <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
 <link rel="manifest" href="/assets/favicon/site.webmanifest">

src/assets/favicon/site.webmanifest

@@ -1,20 +1,20 @@
 {
-    "name": "Leilukin's Hub",
-    "short_name": "Leilukin's Hub",
-    "icons":
-        [
-            {
-                "src": "/assets/favicon/android-chrome-192x192.png",
-                "sizes": "192x192",
-                "type": "image/png"
-            },
-            {
-                "src": "/assets/favicon/android-chrome-512x512.png",
-                "sizes": "512x512",
-                "type": "image/png"
-            }
-        ],
-    "theme_color": "#7A37A3",
-    "background_color": "#000000",
-    "display": "standalone"
+    "icons": [
+        {
+            "src": "./android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "./icon-mask.png",
+            "type": "image/png",
+            "sizes": "512x512",
+            "purpose": "maskable"
+        },
+        {
+            "src": "./android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
 }