PWA

index.html

@@ -288,6 +288,16 @@ <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
 <script src="scripts/simplyCountdown.min.js"></script>
 <script src="scripts/menuspy.min.js"></script>
 <script>
+    if ('serviceWorker' in navigator) {
+        window.addEventListener("load", () => {
+            navigator.serviceWorker.register('service-worker.js').then(function(registration) {
+                console.log('ServiceWorker registered');
+            }).catch(function(err) {
+                console.log('ServiceWorker error: ', err);
+            });
+        })
+    }
+
     var lavalampElm = document.querySelector('.lavalamp');
     var positionLavalamp = function (activeElm) {
         lavalampElm.style.width = activeElm.elm.offsetWidth + 'px';

service-worker.js

@@ -0,0 +1,46 @@
+
+            importScripts('https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js');
+
+            const routing = workbox.routing;
+            const strategies = workbox.strategies;
+
+            workbox.routing.registerRoute(
+            	/.(?:css|js|jsx|json)(?|$)/,
+            	new workbox.strategies.StaleWhileRevalidate({
+            		"cacheName": "assets",
+            		plugins: [
+            			new workbox.expiration.Plugin({
+            				maxEntries: 1000,
+            				maxAgeSeconds: 31536000
+            			})
+            		]
+            	})
+            );
+
+            workbox.routing.registerRoute(
+            	/.(?:png|jpg|jpeg|gif|woff2)$/,
+            	new workbox.strategies.CacheFirst({
+            		"cacheName": "images",
+            		plugins: [
+            			new workbox.expiration.Plugin({
+            				maxEntries: 1000,
+            				maxAgeSeconds: 31536000
+            			})
+            		]
+            	})
+            );
+
+            workbox.routing.registerRoute(
+            	/(\/)$/,
+            	new workbox.strategies.StaleWhileRevalidate({
+            		"cacheName": "startPage",
+            		plugins: [
+            			new workbox.expiration.Plugin({
+            				maxEntries: 1000,
+            				maxAgeSeconds: 31536000
+            			})
+            		]
+            	})
+            );
+
+

site.webmanifest

@@ -1,25 +1 @@
-{
-    "theme_color": "#ffffff",
-    "background_color": "#768dbf",
-    "icons": [
-        {
-            "purpose": "maskable",
-            "sizes": "512x512",
-            "src": "icon512_maskable.png",
-            "type": "image/png"
-        },
-        {
-            "purpose": "any",
-            "sizes": "512x512",
-            "src": "icon512_rounded.png",
-            "type": "image/png"
-        }
-    ],
-    "orientation": "any",
-    "display": "standalone",
-    "dir": "auto",
-    "lang": "en-UK",
-    "name": "Emma & Daniel",
-    "short_name": "Emma & Daniel",
-    "start_url": "/"
-}
+{"name":"Dan and Emma","description":"Description","theme_color":"#ffffff","background_color":"#768dbf","display":"standalone","scope":"/","start_url":"/","icons":[{"src":"icons/16x16.png","sizes":"16x16","type":"image/png"},{"src":"icons/32x32.png","sizes":"32x32","type":"image/png"},{"src":"icons/72x72.png","sizes":"72x72","type":"image/png"},{"src":"icons/96x96.png","sizes":"96x96","type":"image/png"},{"src":"icons/120x120.png","sizes":"120x120","type":"image/png"},{"src":"icons/128x128.png","sizes":"128x128","type":"image/png"},{"src":"icons/144x144.png","sizes":"144x144","type":"image/png"},{"src":"icons/152x152.png","sizes":"152x152","type":"image/png"},{"src":"icons/180x180.png","sizes":"180x180","type":"image/png"},{"src":"icons/192x192.png","sizes":"192x192","type":"image/png"},{"src":"icons/384x384.png","sizes":"384x384","type":"image/png"},{"src":"icons/512x512.png","sizes":"512x512","type":"image/png"},{"src":"icons/512x512.png","sizes":"512x512","type":"image/png","purpose":"maskable"}],"short_name":"Dan and Emma"}{"name":"Dan and Emma","description":"Description","theme_color":"#ffffff","background_color":"#768dbf","display":"standalone","scope":"/","start_url":"/","icons":[{"src":"icons/16x16.png","sizes":"16x16","type":"image/png"},{"src":"icons/32x32.png","sizes":"32x32","type":"image/png"},{"src":"icons/72x72.png","sizes":"72x72","type":"image/png"},{"src":"icons/96x96.png","sizes":"96x96","type":"image/png"},{"src":"icons/120x120.png","sizes":"120x120","type":"image/png"},{"src":"icons/128x128.png","sizes":"128x128","type":"image/png"},{"src":"icons/144x144.png","sizes":"144x144","type":"image/png"},{"src":"icons/152x152.png","sizes":"152x152","type":"image/png"},{"src":"icons/180x180.png","sizes":"180x180","type":"image/png"},{"src":"icons/192x192.png","sizes":"192x192","type":"image/png"},{"src":"icons/384x384.png","sizes":"384x384","type":"image/png"},{"src":"icons/512x512.png","sizes":"512x512","type":"image/png"},{"src":"icons/512x512.png","sizes":"512x512","type":"image/png","purpose":"maskable"}],"short_name":"Dan and Emma"}