added screenshots for richer pwa install ui

Author: marwan

public/assets/images/screenshots/screenshot1-desktop.png

@@ -8,7 +8,7 @@
     <meta name="theme-color" content="#f3f3f3" />
     <meta name="apple-mobile-web-app-status-bar-style" content="default" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="manifest" href="/manifest.webmanifest" />
+    <link rel="manifest" href="/manifest.json" />
     <link rel="icon" type="image/png" href="/assets/images/favicon.png" />
     <link href="/assets/images/apple-touch-icon.png" rel="apple-touch-icon" />
     <link rel="stylesheet" href="/assets/css/global.css" />

public/assets/images/screenshots/screenshot1-mobile.jpeg

@@ -0,0 +1,37 @@
+{
+  "short_name": "QuranWBW.com",
+  "name": "QuranWBW.com",
+  "description": "Quran Word By Word Translation, Transliteration And Morphology",
+  "start_url": "/",
+  "background_color": "#f3f3f3",
+  "display": "fullscreen",
+  "theme_color": "#f3f3f3",
+  "icons": [
+    {
+      "src": "/assets/images/icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/assets/images/icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "/assets/images/maskable-icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "lang": "en",
+  "categories": ["books", "education"],
+  "screenshots": [
+    { "src": "/assets/images/screenshots/screenshot1-mobile.jpeg", "type": "image/png", "sizes": "752x1600", "form_factor": "narrow" },
+    { "src": "/assets/images/screenshots/screenshot2-mobile.jpeg", "type": "image/jpeg", "sizes": "752x1600", "form_factor": "narrow" },
+    { "src": "/assets/images/screenshots/screenshot3-mobile.jpeg", "type": "image/jpeg", "sizes": "752x1600", "form_factor": "narrow" },
+    { "src": "/assets/images/screenshots/screenshot1-desktop.png", "type": "image/jpeg", "sizes": "1248x1093", "form_factor": "wide" },
+    { "src": "/assets/images/screenshots/screenshot2-desktop.png", "type": "image/jpeg", "sizes": "1248x1093", "form_factor": "wide" },
+    { "src": "/assets/images/screenshots/screenshot3-desktop.png", "type": "image/jpeg", "sizes": "1248x1093", "form_factor": "wide" }
+  ]
+}