feat: PWA manifest so Chrome installs deck-it fullscreen

4 files changed, 17 insertions, 0 deletions

diff --git a/static/icon-192.png b/static/icon-192.png
new file mode 100644
index 0000000..30e1c5d
--- /dev/null
+++ b/static/icon-192.png
diff --git a/static/icon-512.png b/static/icon-512.png
new file mode 100644
index 0000000..8126f4d
--- /dev/null
+++ b/static/icon-512.png
diff --git a/static/index.html b/static/index.html
index 958580f..434e496 100644
--- a/static/index.html
+++ b/static/index.html
@@ -8,6 +8,9 @@
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <meta name="apple-mobile-web-app-title" content="deck-it">
 <meta name="theme-color" content="#24273a">
+<link rel="manifest" href="manifest.json">
+<link rel="icon" href="icon-192.png">
+<link rel="apple-touch-icon" href="icon-192.png">
 <link rel="stylesheet" href="vendor/gridstack/gridstack.min.css">
 <link rel="stylesheet" href="theme.css">
 <link rel="stylesheet" href="deck.css">
diff --git a/static/manifest.json b/static/manifest.json
new file mode 100644
index 0000000..1813283
--- /dev/null
+++ b/static/manifest.json
@@ -0,0 +1,14 @@
+{
+  "name": "deck-it",
+  "short_name": "deck-it",
+  "description": "Tablet dashboard and stream-deck for this desktop.",
+  "start_url": "./",
+  "scope": "./",
+  "display": "fullscreen",
+  "background_color": "#24273a",
+  "theme_color": "#24273a",
+  "icons": [
+    { "src": "icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "icon-512.png", "sizes": "512x512", "type": "image/png" }
+  ]
+}