Merge pull request #3377 from HHS/OPS-2698/favicon

feat: adds favicon
HHS · Jan 28, 2025 · ddc096b · ddc096b
2 parents c2d00ae + 545e8d0
commit ddc096b
Show file tree

Hide file tree

Showing 10 changed files with 56 additions and 32 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -2,25 +2,37 @@
 <html lang="en">
     <head>
         <meta charset="utf-8" />
-        <link
-            rel="icon"
-            href="/favicon.ico"
-        />
         <meta
             name="viewport"
             content="width=device-width, initial-scale=1"
         />
-        <meta
-            name="theme-color"
-            content="#000000"
-        />
         <meta
             name="description"
             content="OPRE OPS's website"
         />
+        <link
+            rel="icon"
+            type="image/png"
+            href="/favicon-96x96.png"
+            sizes="96x96"
+        />
+        <link
+            rel="icon"
+            type="image/svg+xml"
+            href="/favicon.svg"
+        />
+        <link
+            rel="shortcut icon"
+            href="/favicon.ico"
+        />
         <link
             rel="apple-touch-icon"
-            href="/logo192.png"
+            sizes="180x180"
+            href="/apple-touch-icon.png"
+        />
+        <meta
+            name="apple-mobile-web-app-title"
+            content="OPRE OPS"
         />
         <link
             rel="manifest"

diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
diff --git a/frontend/public/favicon-96x96.png b/frontend/public/favicon-96x96.png
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
diff --git a/frontend/public/favicon.svg b/frontend/public/favicon.svg
diff --git a/frontend/public/logo192.png b/frontend/public/logo192.png
diff --git a/frontend/public/logo512.png b/frontend/public/logo512.png
diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
@@ -1,25 +1,22 @@
 {
-  "short_name": "OPRE OPS",
-  "name": "OPRE OPS's website",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+    "name": "OPRE OPS's website",
+    "short_name": "OPRE OPS",
+    "icons": [
+        {
+            "src": "/web-app-manifest-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "/web-app-manifest-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable"
+        }
+    ],
+    "start_url": ".",
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
 }
diff --git a/frontend/public/web-app-manifest-192x192.png b/frontend/public/web-app-manifest-192x192.png
diff --git a/frontend/public/web-app-manifest-512x512.png b/frontend/public/web-app-manifest-512x512.png