From d33cd1d25e177b46b613b4f62df2d34e6c7d4c75 Mon Sep 17 00:00:00 2001
From: Jesse Mirabel <sejjymvm@gmail.com>
Date: Mon, 15 Sep 2025 19:31:25 +0800
Subject: [PATCH] docs: update mechabar preview

---
 Examples.md | 103 ++++++++++++++++++++++++++++------------------------
 1 file changed, 56 insertions(+), 47 deletions(-)

diff --git a/Examples.md b/Examples.md
index a2c7249..03bd062 100644
--- a/Examples.md
+++ b/Examples.md
@@ -4,62 +4,71 @@ Screenshots on wayland can be taken with [grim](https://github.com/emersion/grim
 
 ---
 
-<div align="center">
+<div align="center"><h2>🤖 mechabar</h2></div>
 
-```
-                      ______        ______                
-_______ _________________  /_______ ___  /_______ ________
-__  __ `__ \  _ \  ___/_  __ \  __ `/_  __ \  __ `/_  ___/
-_  / / / / /  __/ /__ _  / / / /_/ /_  /_/ / /_/ /_  /    
-/_/ /_/ /_/\___/\___/ /_/ /_/\__,_/ /_.___/\__,_/ /_/     
-```
+<table>
+   <tr>
+      <td>
+         <img src="https://github.com/user-attachments/assets/cf0c791a-bc08-4d64-8a05-779df5e22cb8" alt="Social Preview" />
+      </td>
+   </tr>
+</table>
 
-| ![Catppuccin Mocha](https://github.com/user-attachments/assets/cf0c791a-bc08-4d64-8a05-779df5e22cb8) |
-| :--------------------------------------------------------------------------------------------------: |
+<div align="center"><details>
+   <summary><strong>Themes</strong></summary>
 
-   <sup>Preview images are scaled to 125%</sup>
+   <div align="left"><p>Catppuccin <strong>Mocha</strong> (<i>Default</i>)</p>
+   <table>
+      <tr>
+         <td>
+            <img src="https://github.com/user-attachments/assets/cf0c791a-bc08-4d64-8a05-779df5e22cb8" alt="Catppuccin Mocha" />
+         </td>
+      </tr>
+   </table>
 
-   <details>
-      <summary>
-         <strong>Themes</strong>
-      </summary>
+   <p>Catppuccin <strong>Macchiato</strong></p>
+   <table>
+      <tr>
+         <td>
+            <img src="https://github.com/user-attachments/assets/8f997a57-7da4-4a25-b7ae-c3d6b16463bf" alt="Catppuccin Macchiato" />
+         </td>
+      </tr>
+   </table>
 
-   **<sub>Mocha</sub>**
-| ![Catppuccin Mocha](https://github.com/user-attachments/assets/cf0c791a-bc08-4d64-8a05-779df5e22cb8) |
-| :--------------------------------------------------------------------------------------------------: |
+   <p>Catppuccin <strong>Frappe</strong></p>
+   <table>
+      <tr>
+         <td>
+            <img src="https://github.com/user-attachments/assets/b650266f-2f8c-44a1-b9a5-b2c6e98ad62a" alt="Catppuccin Frappe" />
+         </td>
+      </tr>
+   </table>
 
-   **<sub>Macchiato</sub>**
-| ![Catppuccin Macchiato](https://github.com/user-attachments/assets/8f997a57-7da4-4a25-b7ae-c3d6b16463bf) |
-| :------------------------------------------------------------------------------------------------------: |
+   <p>Catppuccin <strong>Latte</strong></p>
+   <table>
+      <tr>
+         <td>
+            <img src="https://github.com/user-attachments/assets/2adffe36-d996-4ffe-95f0-d6313d4da556" alt="Catppuccin Latte" />
+         </td>
+      </tr>
+   </table></div>
+</details>
 
-   **<sub>Frappe</sub>**
-| ![Catppuccin Frappe](https://github.com/user-attachments/assets/b650266f-2f8c-44a1-b9a5-b2c6e98ad62a) |
-| :---------------------------------------------------------------------------------------------------: |
+<details>
+   <summary><strong>Variants</strong></summary>
 
-   **<sub>Latte</sub>**
-| ![Catppuccin Latte](https://github.com/user-attachments/assets/2adffe36-d996-4ffe-95f0-d6313d4da556) |
-| :--------------------------------------------------------------------------------------------------: |
+   <div align="left"><p><strong>pacman</strong> (<i>Pac-Man</i>)</p>
+   <table>
+      <tr>
+         <td>
+            <img src="https://github.com/user-attachments/assets/0eecfecc-9af0-4281-9b05-cf175bfca238" alt="Pac-Man Variant" />
+         </td>
+      </tr>
+   </table>
+   <blockquote>Variants also come in 4 themes.</blockquote>
 
-   </details>
-   <details>
-      <summary>
-         <strong>Variants</strong>
-      </summary>
-
-   <sub><strong>pacman</strong> (Pac-Man)</sub>
-
-| ![Pac-Man](https://github.com/user-attachments/assets/c2eabb62-1316-4fac-9686-54b8a530c4e0) |
-| :-----------------------------------------------------------------------------------------: |
-
-   <sup>Also comes in 4 flavors</sup>
-
-   <sub>More variants soon!</sub>
-
-   </details>
-
-https://github.com/sejjy/mechabar
-
-</div>
+   <p>More variants soon!</p></div>
+</details></div>
 
 ---