more pwa stuff

public/assets/manifest.json

@@ -11,6 +11,16 @@
       "src": "/public/assets/images/android-chrome-144x144.png",
       "sizes": "144x144",
       "type": "image/png"
+    },
+    {
+      "src": "/public/assets/images/192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/public/assets/images/512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
     }
   ],
   "theme_color": "#daeedd",

public/service-worker.js

@@ -30,16 +30,17 @@ self.addEventListener("fetch", event => {
   event.respondWith(
     fetch(event.request)
       .then(response => cache(event.request, response))
-      .catch(function() {
+      .catch(() => caches.match(event.request))
-        return caches.match(event.request);
-      })
   );
 });
 
 function cache(request, response) {
-  //console.log(response.type === "error" || response.type === "opaque", request);
+  if (
-  if (response.type === "error" || response.type === "opaque") {
+    response.type === "error" ||
-    return response;
+    !(response.url.includes("http:") && response.url.includes("https:")) ||
+    response.url == ""
+  ) {
+    return Promise.resolve(response);
   }
 
   return caches.open(CACHE_NAME).then(cache => {

src/templates/Create.html

@@ -57,6 +57,8 @@ noscript {
     justify-content: center;
     align-items: center;
     height: 100vh;
+    background-color: #dbeede;
     font-size: 1.5rem;
+    font-family: Arial, Helvetica, sans-serif;
   }
 </style>