feat: add PWA support - manifest, service worker, offline page, icons

views/layouts/main.php

@@ -21,6 +21,11 @@ if (!isset($user) || $user === null) {
     <meta name="csrf-token" content="<?= $this->csrfToken() ?>">
     <link rel="stylesheet" href="/assets/css/style.css?v=<?= asset_version() ?>">
     <link rel="icon" type="image/svg+xml" href="/assets/img/server.svg">
+    <link rel="manifest" href="/manifest.json">
+    <meta name="theme-color" content="#0f1117">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <link rel="apple-touch-icon" href="/assets/img/icon-192.png">
     <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=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet">
@@ -225,5 +230,10 @@ if (!isset($user) || $user === null) {
         <?php endforeach; ?>
     <?php endif; ?>
 <script src="/assets/js/main.js?v=<?= asset_version() ?>"></script>
+<script>
+if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('/sw.js');
+}
+</script>
 </body>
 </html>