add manifest and fix

SMAStudiosAU · Jun 11, 2024 · 8fcdd42 · 8fcdd42
1 parent 6f59545
commit 8fcdd42
Show file tree

Hide file tree

Showing 10 changed files with 66 additions and 2 deletions.
diff --git a/images/icons/icon-128x128.png b/images/icons/icon-128x128.png
diff --git a/images/icons/icon-144x144.png b/images/icons/icon-144x144.png
diff --git a/images/icons/icon-152x152.png b/images/icons/icon-152x152.png
diff --git a/images/icons/icon-192x192.png b/images/icons/icon-192x192.png
diff --git a/images/icons/icon-384x384.png b/images/icons/icon-384x384.png
diff --git a/images/icons/icon-512x512.png b/images/icons/icon-512x512.png
diff --git a/images/icons/icon-72x72.png b/images/icons/icon-72x72.png
diff --git a/images/icons/icon-96x96.png b/images/icons/icon-96x96.png
diff --git a/index.html b/index.html
@@ -3,14 +3,26 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="manifest" href="manifest.json">
     <title>Star Battles</title>
     <style>
-        body, html, iframe {
+        * {
+            box-sizing: border-box;
+        }
+        body, html {
             padding: 0;
             margin: 0;
             width: 100%;
             height: 100%;
-
+        }
+        iframe {
+            height: 100%;
+            width: 100%;
+            position: fixed;
+            outline: 0;
+            border: 0;
+            margin: 0;
+            outline: 0;
         }
     </style>
 </head>

diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,52 @@
+{
+  "name": "Star Battles",
+  "short_name": "Star Battles",
+  "theme_color": "#ffb4a8",
+  "background_color": "#1c110f",
+  "display": "fullScreen",
+  "orientation": "landscape",
+  "scope": "/Star-Battles",
+  "start_url": "/Star-Battles",
+  "icons": [
+    {
+      "src": "images/icons/icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}