Add newer screenshots to readme

README.md

@@ -31,6 +31,21 @@ You can then open http://localhost:8008/dev.html in your browser to access Conve
 
 See our [quickstart guide](https://conversejs.org/docs/html/quickstart.html) for more details.
 
+## Screenshots
+
+<details>
+<summary>Click to view screenshots</summary>
+
+### Overlay Mode
+![Screenshot of Converse in overlay mode](https://conversejs.org/media/screenshots/converse-overlayed.png)
+
+### Fullpage Mode
+![Screenshot of Converse in full-page mode](https://conversejs.org/media/screenshots/converse-enter-muc.png)
+
+### Embedded Mode
+![Screenshot of Converse in embedded mode](https://conversejs.org/media/screenshots/converse-prosody.png)
+</details>
+
 ## Live Demos
 
 - **[Main App](https://conversejs.org/fullscreen.html)**: Try the full application
@@ -68,22 +83,6 @@ Converse adapts to your needs with multiple display options:
 | **Overlay** | Chat boxes appear on top of your website |
 | **Embedded** | Integrates into specific elements in your page's DOM |
 
-<details>
-<summary>View Screenshots</summary>
-
-### Overlay Mode
-![Screenshot of Converse in overlay mode](https://conversejs.org/screenshots/Converse-overlayed.png)
-
-### Fullpage Mode
-![Screenshot of Converse in fullpage mode](https://conversejs.org/screenshots/Converse-fullscreen.png)
-
-### Dark Mode
-![Screenshot of Converse with a dark theme](https://conversejs.org/screenshots/Converse-Dracula-Theme.png)
-
-### Embedded Mode
-![Screenshot of Converse in embedded mode](https://conversejs.org/screenshots/Converse-embedded.png)
-</details>
-
 ## XMPP Protocol Support
 
 Converse implements a wide range of XMPP Extensions (XEPs), making it one of the most protocol-compliant web clients available.

index.html

@@ -108,16 +108,16 @@
                     </div>
                     <div class="carousel-inner">
                         <div class="carousel-item active">
-                            <img src="/media/screenshots/converse-enter-muc.png" class="rounded shadow d-block w-100" alt="Converse fullpage chat">
+                            <img src="https://conversejs.org/media/screenshots/converse-enter-muc.png" class="rounded shadow d-block w-100" alt="Converse fullpage chat">
                         </div>
                         <div class="carousel-item">
-                            <img src="/media/screenshots/converse-overlayed.png" class="rounded shadow d-block w-100" alt="Converse overlayed chat">
+                            <img src="https://conversejs.org/media/screenshots/converse-overlayed.png" class="rounded shadow d-block w-100" alt="Converse overlayed chat">
                         </div>
                         <div class="carousel-item">
-                            <img src="/media/screenshots/converse-nordic.png" class="rounded shadow d-block w-100" alt="Converses Nordic Theme">
+                            <img src="https://conversejs.org/media/screenshots/converse-nordic.png" class="rounded shadow d-block w-100" alt="Converses Nordic Theme">
                         </div>
                         <div class="carousel-item">
-                            <img src="/media/screenshots/converse-prosody.png" class="rounded shadow d-block w-100" alt="Converse Prosody chat">
+                            <img src="https://conversejs.org/media/screenshots/converse-prosody.png" class="rounded shadow d-block w-100" alt="Converse Prosody chat">
                         </div>
                     </div>
                     <button class="carousel-control-prev" type="button" data-bs-target="#screenshotCarousel" data-bs-slide="prev">