feat: web app favicons

2026-05-17 17:58:11 +00:00 · 2021-02-04 12:07:40 +02:00
parent 3fb555c7c9
commit 0863d39c79
31 changed files with 70 additions and 7 deletions
--- a/firebase.json
+++ b/firebase.json
@@ -8,6 +8,15 @@
      "**/node_modules/**"
    ],
    "headers": [
+      {
+        "source": "/(index.html)?",
+        "headers": [
+          {
+            "key": "Cache-Control",
+            "value": "no-cache, max-age=0"
+          }
+        ]
+      },
      {
        "source": "/service-worker.js",
        "headers": [
--- a/web/browserconfig.xml
+++ b/web/browserconfig.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/favicons/ms-icon-70x70.png"/>
+      <square150x150logo src="/favicons/ms-icon-150x150.png"/>
+      <square310x310logo src="/favicons/ms-icon-310x310.png"/>
+      <TileColor>#88d498</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
--- a/web/favicons/android-icon-144x144.png
+++ b/web/favicons/android-icon-144x144.png
--- a/web/favicons/android-icon-192x192.png
+++ b/web/favicons/android-icon-192x192.png
--- a/web/favicons/android-icon-36x36.png
+++ b/web/favicons/android-icon-36x36.png
--- a/web/favicons/android-icon-48x48.png
+++ b/web/favicons/android-icon-48x48.png
--- a/web/favicons/android-icon-72x72.png
+++ b/web/favicons/android-icon-72x72.png
--- a/web/favicons/android-icon-96x96.png
+++ b/web/favicons/android-icon-96x96.png
--- a/web/favicons/apple-icon-114x114.png
+++ b/web/favicons/apple-icon-114x114.png
--- a/web/favicons/apple-icon-120x120.png
+++ b/web/favicons/apple-icon-120x120.png
--- a/web/favicons/apple-icon-144x144.png
+++ b/web/favicons/apple-icon-144x144.png
--- a/web/favicons/apple-icon-152x152.png
+++ b/web/favicons/apple-icon-152x152.png
--- a/web/favicons/apple-icon-180x180.png
+++ b/web/favicons/apple-icon-180x180.png
--- a/web/favicons/apple-icon-57x57.png
+++ b/web/favicons/apple-icon-57x57.png
--- a/web/favicons/apple-icon-60x60.png
+++ b/web/favicons/apple-icon-60x60.png
--- a/web/favicons/apple-icon-72x72.png
+++ b/web/favicons/apple-icon-72x72.png
--- a/web/favicons/apple-icon-76x76.png
+++ b/web/favicons/apple-icon-76x76.png
--- a/web/favicons/apple-icon-precomposed.png
+++ b/web/favicons/apple-icon-precomposed.png
--- a/web/favicons/apple-icon.png
+++ b/web/favicons/apple-icon.png
--- a/web/favicons/favicon-16x16.png
+++ b/web/favicons/favicon-16x16.png
--- a/web/favicons/favicon-32x32.png
+++ b/web/favicons/favicon-32x32.png
--- a/web/favicons/favicon-96x96.png
+++ b/web/favicons/favicon-96x96.png
--- a/web/favicons/favicon.ico
+++ b/web/favicons/favicon.ico
--- a/web/favicons/ms-icon-144x144.png
+++ b/web/favicons/ms-icon-144x144.png
--- a/web/favicons/ms-icon-150x150.png
+++ b/web/favicons/ms-icon-150x150.png
--- a/web/favicons/ms-icon-310x310.png
+++ b/web/favicons/ms-icon-310x310.png
--- a/web/favicons/ms-icon-70x70.png
+++ b/web/favicons/ms-icon-70x70.png
--- a/web/icons/Icon-192.png
+++ b/web/icons/Icon-192.png
--- a/web/icons/Icon-512.png
+++ b/web/icons/Icon-512.png
--- a/web/index.html
+++ b/web/index.html
@@ -2,8 +2,25 @@
 <html>
  <head>
    <meta charset="UTF-8" />
-    <title>Dungeon Paper</title>
+    <title>Dungeon Paper Web</title>
    <link rel="manifest" href="manifest.json" />
+    <link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png" />
+    <link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png" />
+    <link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png" />
+    <link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-icon-76x76.png" />
+    <link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-icon-114x114.png" />
+    <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-icon-120x120.png" />
+    <link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-icon-144x144.png" />
+    <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-icon-152x152.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/favicons/android-icon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <meta name="msapplication-TileColor" content="#88d498" />
+    <meta name="msapplication-TileImage" content="/favicons/ms-icon-144x144.png" />
+    <meta name="theme-color" content="#88d498" />
  </head>

  <body>
--- a/web/manifest.json
+++ b/web/manifest.json
@@ -10,14 +10,40 @@
    "prefer_related_applications": false,
    "icons": [
        {
-            "src": "icons/Icon-192.png",
-            "sizes": "192x192",
-            "type": "image/png"
+            "src": "\/favicons\/android-icon-36x36.png",
+            "sizes": "36x36",
+            "type": "image\/png",
+            "density": "0.75"
        },
        {
-            "src": "icons/Icon-512.png",
-            "sizes": "512x512",
-            "type": "image/png"
+            "src": "\/favicons\/android-icon-48x48.png",
+            "sizes": "48x48",
+            "type": "image\/png",
+            "density": "1.0"
+        },
+        {
+            "src": "\/favicons\/android-icon-72x72.png",
+            "sizes": "72x72",
+            "type": "image\/png",
+            "density": "1.5"
+        },
+        {
+            "src": "\/favicons\/android-icon-96x96.png",
+            "sizes": "96x96",
+            "type": "image\/png",
+            "density": "2.0"
+        },
+        {
+            "src": "\/favicons\/android-icon-144x144.png",
+            "sizes": "144x144",
+            "type": "image\/png",
+            "density": "3.0"
+        },
+        {
+            "src": "\/favicons\/android-icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image\/png",
+            "density": "4.0"
        }
    ]
 }