Update icons

davidje13 · Oct 15, 2023 · e1a99b3 · e1a99b3
1 parent ec9a14b
commit e1a99b3
Show file tree

Hide file tree

Showing 8 changed files with 29 additions and 5 deletions.
diff --git a/src/backend/src/app.ts b/src/backend/src/app.ts
@@ -130,6 +130,9 @@ export const appFactory = async (config: ConfigT): Promise<App> => {
     res.header('permissions-policy', PERMISSIONS_POLICY);
     res.header('referrer-policy', 'no-referrer');
     res.header('cross-origin-opener-policy', 'same-origin');
+    // Note: CORP causes manifest icons to fail to load in Chrome Devtools,
+    // but does not break actual functionality
+    // See: https://bugs.chromium.org/p/chromium/issues/detail?id=949481
     res.header('cross-origin-resource-policy', 'same-origin');
     res.header('cross-origin-embedder-policy', 'require-corp');
     next();

diff --git a/src/frontend/resources/html-template.ejs b/src/frontend/resources/html-template.ejs
@@ -5,10 +5,11 @@
 <meta name="viewport" content="width=device-width">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="default">
+<meta name="apple-mobile-web-app-title" content="<%= htmlWebpackPlugin.options.title %>">
 <meta name="format-detection" content="telephone=no">
 <meta name="theme-color" content="#4EC7B6">
 <title><%= htmlWebpackPlugin.options.title %></title>
-<link rel="icon" href="/favicon.png">
+<link rel="icon" href="/favicon.ico">
 <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
 <link rel="manifest" href="/manifest.json"/>
 <!-- stylesheet CSP hash: 'sha256-dhQFgDyZCSW+FVxPjFWZQkEnh+5DHADvj1I8rpzmaGU=' -->

diff --git a/src/frontend/resources/static/apple-touch-icon.png b/src/frontend/resources/static/apple-touch-icon.png
diff --git a/src/frontend/resources/static/favicon-mono.png b/src/frontend/resources/static/favicon-mono.png
diff --git a/src/frontend/resources/static/favicon.ico b/src/frontend/resources/static/favicon.ico
diff --git a/src/frontend/resources/static/favicon.png b/src/frontend/resources/static/favicon.png
diff --git a/src/frontend/resources/static/favicon512.png b/src/frontend/resources/static/favicon512.png
diff --git a/src/frontend/resources/static/manifest.json b/src/frontend/resources/static/manifest.json
@@ -1,14 +1,34 @@
 {
+  "dir": "ltr",
+  "lang": "en-GB",
   "short_name": "Refacto",
   "name": "Refacto",
+  "description": "Run team retros with remote team members.",
+  "start_url": "/",
+  "scope": "/",
+  "id": "/",
   "icons": [
     {
-      "src": "/favicon.png",
-      "type": "image/png"
+      "src": "favicon512.png",
+      "type": "image/png",
+      "purpose": "any",
+      "sizes": "512x512"
+    },
+    {
+      "src": "apple-touch-icon.png",
+      "type": "image/png",
+      "purpose": "maskable",
+      "sizes": "512x512"
+    },
+    {
+      "src": "favicon-mono.png",
+      "type": "image/png",
+      "purpose": "monochrome",
+      "sizes": "512x512"
     }
   ],
-  "start_url": "/",
   "display": "standalone",
   "theme_color": "#4EC7B6",
-  "background_color": "#FFFFFF"
+  "background_color": "#FFFFFF",
+  "categories": ["business", "productivity", "utilities"]
 }