Add PWA support: implement service worker, cache assets, and add offline functionality

assets/js/service-worker.js.html

@@ -1,26 +1,31 @@
+---
+permalink: /assets/js/service-worker.js
+---
+
 const CACHE_NAME = "cyberpunk-cache-v1";
 const OFFLINE_URL = "/offline.html"; // Diese Seite wird angezeigt, wenn offline
+const BASE_PATH = "{{ "/" | relative_url }}";
 
 const urlsToCache = [
-  "/",
-  "/offline.html",
+  BASE_PATH,
+  BASE_PATH + "/offline.html",
   /* CSS-Dateien */
-  "/assets/css/main.css",
-  "/assets/css/normalize.css",
-  "/assets/css/cyberpunk.css",
+  BASE_PATH + "/assets/css/main.css",
+  BASE_PATH + "/assets/css/normalize.css",
+  BASE_PATH + "/assets/css/cyberpunk.css",
   /* JS-Dateien */
-  "/assets/js/materialize.min.js",
-  "/assets/js/service-worker.js",
+  BASE_PATH + "/assets/js/materialize.min.js",
+  BASE_PATH + "/assets/js/service-worker.js",
   /* PWA-Dateien */
-  "/assets/manifest.json",
-  "/assets/img/icon-192.png",
-  "/assets/img/icon-512.png",
+  BASE_PATH + "/assets/manifest.json",
+  BASE_PATH + "/assets/img/icon-192.png",
+  BASE_PATH + "/assets/img/icon-512.png",
   /* Bilder, Schriften, etc. */
-  "/assets/fonts/BlenderProBook.woff2",
-  "/assets/fonts/Cyberpunk.otf",
-  "/assets/fonts/Oxanium.woff2",
-  "/assets/img/Netrunner.png",
-  "/assets/img/Tech.png",
+  BASE_PATH + "/assets/fonts/BlenderProBook.woff2",
+  BASE_PATH + "/assets/fonts/Cyberpunk.otf",
+  BASE_PATH + "/assets/fonts/Oxanium.woff2",
+  BASE_PATH + "/assets/img/Netrunner.png",
+  BASE_PATH + "/assets/img/Tech.png",
 ];
 
 // Installations-Event: Dateien werden in den Cache geladen