[js] Try making it webapp compatible

Akodiat · Jul 15, 2019 · f92e0f3 · f92e0f3
1 parent 172a6af
commit f92e0f3
Show file tree

Hide file tree

Showing 6 changed files with 130 additions and 0 deletions.
diff --git a/doc/icon-192.png b/doc/icon-192.png
diff --git a/doc/icon-512.png b/doc/icon-512.png
diff --git a/doc/icon.png b/doc/icon.png
diff --git a/doc/icon.svg b/doc/icon.svg
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,21 @@
+{
+  "short_name": "Polycubes",
+  "name": "Polycubes",
+  "icons": [
+    {
+      "src": "/doc/icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/image/icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": "/ruleEdit",
+  "background_color": "#3367D6",
+  "display": "standalone",
+  "theme_color": "#3367D6"
+}
+
diff --git a/ruleEdit.html b/ruleEdit.html
@@ -6,6 +6,8 @@
     <meta charset="utf-8">
     <meta name="viewport"
         content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <style>
         body {
             padding: 0;
@@ -42,6 +44,7 @@
             width: 40px;
         }
     </style>
+    <link rel="manifest" href="/manifest.json">
 </head>
 
 <body>