Redoing the favicon again

ystv · Jan 6, 2025 · da314a5 · da314a5
1 parent d378f59
commit da314a5
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 2 deletions.
diff --git a/server/public/apple-touch-icon.png b/server/public/apple-touch-icon.png
diff --git a/server/public/favicon-96x96.png b/server/public/favicon-96x96.png
diff --git a/server/public/favicon.ico b/server/public/favicon.ico
diff --git a/server/public/favicon.svg b/server/public/favicon.svg
diff --git a/server/public/site.webmanifest b/server/public/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "YSTV Streamer",
+  "short_name": "Streamer",
+  "icons": [
+    {
+      "src": "/public/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/public/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/server/public/web-app-manifest-192x192.png b/server/public/web-app-manifest-192x192.png
diff --git a/server/public/web-app-manifest-512x512.png b/server/public/web-app-manifest-512x512.png
diff --git a/server/templates/_base.tmpl b/server/templates/_base.tmpl
@@ -6,8 +6,12 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/public/stylesheet.css">
-    <link rel="icon" type="image/x-icon" href="/public/favicon.ico" sizes="48x48">
-    <link rel="apple-touch-icon" href="/public/favicon.ico" sizes="48x48">
+    <link rel="icon" type="image/png" href="/public/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/public/favicon.svg" />
+    <link rel="shortcut icon" href="/public/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/public/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="YSTV Streamer" />
+    <link rel="manifest" href="/public/site.webmanifest" />
     <title>Streamer</title>
 </head>