fix: generate favicons properly

minishoot-map · Dec 16, 2024 · 06c15e0 · 06c15e0
1 parent 0353547
commit 06c15e0
Show file tree

Hide file tree

Showing 8 changed files with 29 additions and 26 deletions.
diff --git a/src/index.html b/src/index.html
@@ -2,10 +2,14 @@
 <html lang="en">
     <head>
         <title>Minishoot' Adventures Map</title>
-        <link rel="icon" type="image/png" href="favicon-48x48.png" sizes="48x48">
-        <link rel="icon" sizes="any" type="image/svg+xml" href="favicon.svg">
-        <link rel="apple-touch-icon" href="apple-touch-icon.png">
-        <link rel="manifest" href="site.webmanifest">
+
+<link rel="icon" type="image/png" href="/minishoot-map/favicon-96x96.png" sizes="96x96" />
+<link rel="icon" type="image/svg+xml" href="/minishoot-map/favicon.svg" />
+<link rel="shortcut icon" href="/minishoot-map/favicon.ico" />
+<link rel="apple-touch-icon" sizes="180x180" href="/minishoot-map/apple-touch-icon.png" />
+<meta name="apple-mobile-web-app-title" content="Map" />
+<link rel="manifest" href="/minishoot-map/site.webmanifest" />
+
         <meta name="description" content="The most complete Minishoot' Adventures map. All collectables, enemies and locations.">
         <meta name="keywords" content="Minishoot Adventures Map, Minishoot Adventures Upgrades, Minishoot Adventures Red Coins Map, Minishoot Adventures Bosses, Minishoot Map Pieces, Minishoot Adventures Key Locations, Minishoot Adventures Dungeons, Minishoot Adventures Temples">
         <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

diff --git a/src/public/apple-touch-icon.png b/src/public/apple-touch-icon.png
diff --git a/src/public/favicon-48x48.png b/src/public/favicon-48x48.png
diff --git a/src/public/favicon.ico b/src/public/favicon.ico
diff --git a/src/public/favicon.svg b/src/public/favicon.svg
diff --git a/src/public/site.webmanifest b/src/public/site.webmanifest
@@ -1,22 +1,21 @@
 {
-  "name": "Minishoot' Adventures map",
-  "short_name": "Minishoot",
-  "start_url": ".",
+  "name": "Minishoot' Adventures Map",
+  "short_name": "Map",
   "icons": [
     {
-      "src": "web-app-manifest-192x192.png",
+      "src": "/minishoot-map/web-app-manifest-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
-      "purpose": "any"
+      "purpose": "maskable"
     },
     {
-      "src": "web-app-manifest-512x512.png",
+      "src": "/minishoot-map/web-app-manifest-512x512.png",
       "sizes": "512x512",
       "type": "image/png",
-      "purpose": "any"
+      "purpose": "maskable"
     }
   ],
   "theme_color": "#ffffff",
   "background_color": "#ffffff",
   "display": "standalone"
-}
+}
diff --git a/src/public/web-app-manifest-192x192.png b/src/public/web-app-manifest-192x192.png
diff --git a/src/public/web-app-manifest-512x512.png b/src/public/web-app-manifest-512x512.png