Refactor Docker setup and enhance PWA features with service worker, caching, and manifest updates

index.html

@@ -4,6 +4,16 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <title>Services Homepage</title>
+    
+    <!-- PWA Meta Tags -->
+    <meta name="description" content="Quick access to your self-hosted services" />
+    <meta name="theme-color" content="#0f3460" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="Services" />
+    <link rel="manifest" href="/manifest.json" />
+    <link rel="apple-touch-icon" href="/logos/icon-192.png" />
+    
     <link rel="stylesheet" href="/styles.css" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/simplex-noise/2.4.0/simplex-noise.min.js"></script>
@@ -53,6 +63,19 @@
     
     <!-- Initialize features after DOM is loaded -->
     <script>
+      // Register Service Worker for PWA
+      if ('serviceWorker' in navigator) {
+        window.addEventListener('load', () => {
+          navigator.serviceWorker.register('/sw.js')
+            .then((registration) => {
+              console.log('Service Worker registered:', registration.scope);
+            })
+            .catch((error) => {
+              console.log('Service Worker registration failed:', error);
+            });
+        });
+      }
+      
       window.addEventListener('DOMContentLoaded', () => {
         // Wait for services to be loaded
         const checkServicesLoaded = setInterval(() => {