fix(pwa) improve upon pwa specs

5 years ago · 3125345793
parent 5e6c4d67ed
commit 3125345793
3 changed files with 10 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -4,6 +4,7 @@
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="theme-color" content="#2A3A4B">
    <!--#include virtual="base.html" -->

    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
@ -167,6 +168,9 @@
    <!--#include virtual="static/settingsToolbarAdditionalContent.html" -->
  </head>
  <body>
+    <noscript>
+        <div>JavaScript is disabled. </br>For this site to work you have to enable JavaScript.</div>
+    </noscript>
    <!--#include virtual="body.html" -->
    <div id="react"></div>
  </body>
--- a/static/pwa/icons/iconMask.png
+++ b/static/pwa/icons/iconMask.png
--- a/static/pwa/manifest.json
+++ b/static/pwa/manifest.json
@ -19,6 +19,12 @@
      "src": "icons/icon512.png",
      "type": "image/png",
      "sizes": "512x512"
+    },
+    {
+      "src": "icons/iconMask.png",
+      "sizes": "196x196",
+      "type": "image/png",
+      "purpose": "any maskable"
    }
  ],
  "start_url": "/",