added PWA capability

2025-06-04 18:25:22 -07:00
parent 7067dae78a
commit 5f48c88106
5 changed files with 30 additions and 1 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 node_modules/
-positions.db
+positions.db
+.DS_Store
--- a/public/icon-192.png
+++ b/public/icon-192.png
--- a/public/icon-512.png
+++ b/public/icon-512.png
--- a/public/index.html
+++ b/public/index.html
@@ -5,6 +5,13 @@
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <title>Cuberoo</title>
    <link rel="stylesheet" href="style.css" />
+    <!-- Add manifest and icons for PWA support -->
+    <link rel="manifest" href="manifest.json">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-title" content="Cuberoo">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <link rel="apple-touch-icon" href="icon-192.png">
+    <meta name="theme-color" content="#181818">
 </head>
 <body>
  <header class="header">
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -0,0 +1,21 @@
+{
+  "name": "Cuberoo",
+  "short_name": "Cuberoo",
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#800080",
+  "theme_color": "#800080",
+  "description": "Cubes, but fun.",
+  "icons": [
+    {
+      "src": "icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}