add web manifest

index.html

@@ -11,9 +11,11 @@
     <meta property="og:title" content="Azgaar's Fantasy Map Generator" />
     <meta property="og:description" content="Web application generating interactive and customizable maps" />
     <meta property="og:image" content="images/preview.png" />
-    <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
+    <link rel="icon" type="image/png" href="images/icons/favicon-32x32.png" sizes="32x32" />
-    <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
+    <link rel="icon" type="image/png" href="images/icons/favicon-16x16.png" sizes="16x16" />
+    <link rel="apple-touch-icon" href="images/icons/maskable_icon_x192" />
     <link rel="canonical" href="https://azgaar.github.io/Fantasy-Map-Generator/" />
+    <link rel="manifest" href="manifest.webmanifest" />
 
     <!-- inline css for loading screen -->
     <style type="text/css">

manifest.webmanifest

@@ -0,0 +1,42 @@
+{
+  "theme_color": "#466eab",
+  "background_color": "#fff",
+  "display": "standalone",
+  "orientation": "landscape",
+  "scope": "/",
+  "start_url": "/",
+  "name": "Azgaar's Fantansy Map Generator",
+  "short_name": "Azgaar's Fantansy Map Generator",
+  "description": "Web application generating interactive and highly customizable maps",
+  "icons": [
+    {
+      "src": "images/icons/icon_x512",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/maskable_icon_x512",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/icons/maskable_icon_x384",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/icons/maskable_icon_x192",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/icons/maskable_icon_x128",
+      "sizes": "128x128",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}