add pwa stuff

2025-05-10 22:45:10 +01:00
parent 2cfee11ca9
commit bd560cbd90
7 changed files with 41 additions and 1 deletions
--- a/web/favicon.png
+++ b/web/favicon.png
--- a/web/index.html
+++ b/web/index.html
@@ -4,6 +4,9 @@
 <head>
    <title>7am Weather</title>

+    <link rel="icon" type="image/png" href="/favicon.png">
+    <link rel="manifest" href="/manifest.json">
+
    <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=Geist:wght@100..900&display=swap" rel="stylesheet">
@@ -37,6 +40,12 @@
            </p>
        </footer>
    </div>
+
+    <script>
+        window.addEventListener("load", () => {
+            navigator.serviceWorker.register("/sw.js")
+        })
+    </script>
 </body>

 </html>
--- a/web/logo.png
+++ b/web/logo.png
--- a/web/manifest.json
+++ b/web/manifest.json
@@ -0,0 +1,17 @@
+{
+  "name": "7am Weather",
+  "short_name": "7am",
+  "theme_color": "#1f2937",
+  "background_color": "#f3f4f6",
+  "display": "standalone",
+  "scope": "/",
+  "start_url": "/",
+  "description": "Daily weather updates delivered to you at 7am.",
+  "orientation": "vertical",
+  "icons": [
+    {
+      "src": "/logo.png",
+      "sizes": "1024x1024"
+    }
+  ]
+}
--- a/web/summary.js
+++ b/web/summary.js
@@ -123,4 +123,6 @@ function jsonOrThrow(res) {

 if (canReceiveUpdates) {
    main()
+} else {
+    getSummaryButton.style.display = "none"
 }