diff --git a/public/assets/images/192x192.png b/public/assets/images/192x192.png new file mode 100644 index 0000000..00d6780 Binary files /dev/null and b/public/assets/images/192x192.png differ diff --git a/public/assets/images/512x512.png b/public/assets/images/512x512.png new file mode 100644 index 0000000..180081b Binary files /dev/null and b/public/assets/images/512x512.png differ diff --git a/public/assets/manifest.json b/public/assets/manifest.json index 667ed02..e74eb8f 100644 --- a/public/assets/manifest.json +++ b/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", diff --git a/public/service-worker.js b/public/service-worker.js index 3430d14..3d93212 100644 --- a/public/service-worker.js +++ b/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() { - return caches.match(event.request); - }) + .catch(() => caches.match(event.request)) ); }); function cache(request, response) { - //console.log(response.type === "error" || response.type === "opaque", request); - if (response.type === "error" || response.type === "opaque") { - return response; + if ( + response.type === "error" || + !(response.url.includes("http:") && response.url.includes("https:")) || + response.url == "" + ) { + return Promise.resolve(response); } return caches.open(CACHE_NAME).then(cache => { diff --git a/src/templates/Create.html b/src/templates/Create.html index 9e1ef29..b277f26 100644 --- a/src/templates/Create.html +++ b/src/templates/Create.html @@ -52,11 +52,13 @@ \ No newline at end of file + noscript { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background-color: #dbeede; + font-size: 1.5rem; + font-family: Arial, Helvetica, sans-serif; + } +