2026-05-11 01:03:05 +02:00
9 changed files with 36 additions and 2 deletions
@@ -0,0 +1,21 @@
+{
+  "name": "APF Portal",
+  "short_name": "Portal",
+  "icons": [
+    {
+      "src": "/favicons/web-app-manifest-192x192.png?v=20260511",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/favicons/web-app-manifest-512x512.png?v=20260511",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
@@ -2,10 +2,22 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <title>portal-shell</title>
+    <title>APF Portal</title>
    <base href="/" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+
+    <!-- Favicons + PWA manifest. SVG is the modern default; the PNG /
+         ICO entries cover older browsers and pinned-tab contexts. The
+         "180x180" Apple touch icon serves iOS home-screen installs.
+         The manifest unlocks Add-to-Home-Screen / Install on Android +
+         desktop Chromium. theme-color tints the browser chrome on
+         mobile and matches the manifest's value. -->
+    <link rel="icon" type="image/svg+xml" href="favicons/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="96x96" href="favicons/favicon-96x96.png" />
+    <link rel="shortcut icon" href="favicons/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png" />
+    <link rel="manifest" href="favicons/site.webmanifest" />
+    <meta name="theme-color" content="#ffffff" />
  </head>
  <body>
    <app-root></app-root>