Add UPTIME favicon, add mobile PWA meta, tags and manifest links

index.html

@@ -4,6 +4,18 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SysAdmin Arcade</title>
+  <meta name="theme-color" content="#030712">
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-title" content="SysAdmin Arcade">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <link rel="manifest" href="manifest.webmanifest">
+  <link rel="icon" href="games/uptime/favicon/favicon.svg" type="image/svg+xml">
+  <link rel="icon" href="games/uptime/favicon/favicon.ico" sizes="any">
+  <link rel="icon" href="games/uptime/favicon/favicon-16.png" type="image/png" sizes="16x16">
+  <link rel="icon" href="games/uptime/favicon/favicon-32.png" type="image/png" sizes="32x32">
+  <link rel="icon" href="games/uptime/favicon/favicon-192.png" type="image/png" sizes="192x192">
+  <link rel="apple-touch-icon" href="games/uptime/favicon/favicon-180.png" sizes="180x180">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
@@ -666,6 +678,12 @@
         gameCount.textContent = '?';
         gameGrid.innerHTML = '<div class="empty-state">Could not load <code>games.json</code>. Serve this directory over HTTP and check the manifest path.</div>';
       });
+
+    if ('serviceWorker' in navigator) {
+      window.addEventListener('load', () => {
+        navigator.serviceWorker.register('sw.js');
+      });
+    }
   </script>
 </body>
 </html>