update desktop screenshots in mafest.json

index.html

@@ -149,7 +149,7 @@ <h4 class="modal-title custom-modal-title">Notepad — Offline capable</h4>
                   <a class="nav-link active" data-toggle="tab" href="#about">About</a>
               </li>
               <li class="nav-item">
-                  <a class="nav-link" data-toggle="tab" href="#whatsNew">What's new</a>
+                  <a class="nav-link" data-toggle="tab" href="#changelog">Changelog</a>
               </li>
           </ul>
           <div class="tab-content">
@@ -180,7 +180,12 @@ <h4 class="modal-title custom-modal-title">Notepad — Offline capable</h4>
               </p>
             </div>
 
-            <div id="whatsNew" class="container tab-pane fade">
+            <div id="changelog" class="container tab-pane fade">
+              <h4>27th August, 2024</h3>
+              <ul>
+                <li>Added support to display rich screenshots when installing the app on the desktop.</li>
+              </ul>
+
               <h4>24th July, 2024</h3>
               <ul>
                 <li>Implemented <a href="https://baymard.com/blog/line-length-readability" target="_blank">optimal line length</a> feature for better readability.</li>

manifest.json

@@ -35,6 +35,18 @@
       "src": "img/screenshot2.png",
       "type": "image/png",
       "sizes": "540x720"
+    },
+    {
+      "src": "img/screenshot-desktop-dark.png",
+      "type": "image/png",
+      "form_factor": "wide",
+      "sizes": "2460x1674"
+    },
+    {
+      "src": "img/screenshot-desktop-light.png",
+      "type": "image/png",
+      "form_factor": "wide",
+      "sizes": "2460x1674"
     }
   ],
   "start_url": "index.html",
@@ -44,5 +56,6 @@
     {
       "origin": "https://notepad.js.org"
     }
-  ]
+  ],
+  "display_override": ["minimal-ui"]
 }