feat: create app manifest for pwa detection (#25)

* feat: create app manifest for pwa detection * fix: rename favicon.png to manifest.png
2004Scape · Jan 5, 2025 · c149591 · c149591
1 parent e7d425a
commit c149591
Show file tree

Hide file tree

Showing 4 changed files with 348 additions and 347 deletions.
diff --git a/src/html/index.html b/src/html/index.html
@@ -1,40 +1,41 @@
 <html>
-    <head>
-        <title>RuneScape 2</title>
+<head>
+    <title>RuneScape 2</title>
 
-        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
-        <meta http-equiv="Pragma" content="no-cache" />
-        <meta http-equiv="Expires" content="0" />
-        <meta name="viewport" content="width=device-width, initial-scale = 0.86, maximum-scale=3.0, minimum-scale=0.86">
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+    <meta http-equiv="Pragma" content="no-cache" />
+    <meta http-equiv="Expires" content="0" />
+    <meta name="viewport" content="width=device-width, initial-scale = 0.86, maximum-scale=3.0, minimum-scale=0.86">
 
-        <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <link rel="manifest" href="/manifest.json">
 
-        <style>
-            body {
-                margin: 0;
-                padding: 0;
-                color: #fff;
-                background-color: #000;
-            }
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            color: #fff;
+            background-color: #000;
+        }
 
-            canvas {
-                display: block;
-                margin: 0 auto;
+        canvas {
+            display: block;
+            margin: 0 auto;
 
-                touch-action: none;
-                -webkit-touch-callout: none;
-                -webkit-user-select: none;
-                -khtml-user-select: none;
-                -moz-user-select: none;
-                -ms-user-select: none;
-                user-select: none;
-                outline: none;
-                -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-                z-index: -1;
-            }
-        </style>
-    </head>
-    <body>
-        <canvas id="canvas" width="789" height="532"></canvas>
-    </body>
+            touch-action: none;
+            -webkit-touch-callout: none;
+            -webkit-user-select: none;
+            -khtml-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+            outline: none;
+            -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+            z-index: -1;
+        }
+    </style>
+</head>
+<body>
+<canvas id="canvas" width="789" height="532"></canvas>
+</body>
 </html>
diff --git a/src/public/manifest.json b/src/public/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "2004Scape",
+  "icons": [
+    {
+      "src": "/manifest.png",
+      "type": "image/png",
+      "sizes": "144x144"
+    }
+  ],
+  "id": "/",
+  "start_url": "/",
+  "background_color": "#212121",
+  "display": "minimal-ui",
+  "scope": "/",
+  "theme_color": "#212121"
+}
diff --git a/src/public/manifest.png b/src/public/manifest.png