First cut PWA

ytgov · May 29, 2024 · a0d5cf4 · a0d5cf4
1 parent c154c65
commit a0d5cf4
Show file tree

Hide file tree

Showing 6 changed files with 77 additions and 19 deletions.
diff --git a/web/index.html b/web/index.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <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=Courier+Prime:wght@400;700&display=swap" rel="stylesheet">
+    <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=Courier+Prime:wght@400;700&display=swap" rel="stylesheet" />
+    <link rel="manifest" href="/manifest.json" />
     <meta charset="UTF-8" />
     <link rel="icon" type="image/ico" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>YG Safety</title>
+    <title>YG Safety Portal</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/web/manifest.json b/web/manifest.json
@@ -0,0 +1,36 @@
+{
+  "short_name": "YG Safety Portal",
+  "name": "YG Safety Portal",
+  "icons": [
+    {
+      "src": "/icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "/icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    }
+  ],
+  "id": "/?source=pwa",
+  "start_url": "/?source=pwa",
+  "background_color": "#3367D6",
+  "display": "standalone",
+  "scope": "/",
+  "theme_color": "#F2A900",
+  "shortcuts": [
+    {
+      "name": "Report an incident",
+      "short_name": "Report",
+      "description": "Report an incident",
+      "url": "/report-an-incident",
+      "icons": [{ "src": "/icon-192.png", "sizes": "192x192" }]
+    }
+  ],
+  "description": "Submit and view hazards and incidents",
+  "screenshots": [
+    { "form_factor": "narrow", "sizes": "512x512", "type": "image/png", "src": "/icon-512.png" },
+    { "form_factor": "wide", "sizes": "512x512", "type": "image/png", "src": "/icon-512.png" }
+  ]
+}
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/public/icon-192.png b/web/public/icon-192.png
diff --git a/web/public/icon-512.png b/web/public/icon-512.png
diff --git a/web/public/icon.svg b/web/public/icon.svg