made readme beautiful

README.md

@@ -1,22 +1,31 @@
 # waybar
 # showcase
 
+[waybar-left]: https://git.k4li.me/dotfiles/waybar/raw/branch/main/.src/waybar-left.gif "waybar-left"
+[waybar-right]: https://git.k4li.de/pika/starship/raw/branch/main/.src/starship-promt-gitea.png "waybar-right"
+[waybar-mid]: https://git.k4li.de/pika/starship/raw/branch/main/.src/starship-promt-gitea.png "waybar-mid"
+![alt text][logo]
 <details>
     <summary>left-side</summary>
-    ![waybar-left.gif](https://git.k4li.me/dotfiles/waybar/raw/branch/main/.src/waybar-left.gif)
+
+![waybar-left][waybar-left]
     - dynamic icons on workspaces
-    - workspace-button "change" on hover
+- workspace-button "change" on hover
 </details>
+<br>
 <details>
     <summary>right-side</summary>
-    ![waybar-right.gif](https://git.k4li.me/dotfiles/waybar/raw/branch/main/.src/waybar-right.gif)
+
+![waybar-right][waybar-right]
     - dynamic groups for memory/cpu/disk && powerslide-menu
-</details>
+    </details>
+<br>
 <details>
-    <summary>middle && barcolor-changes</summary>
+<summary>middle && barcolor-changes</summary>
-    ![waybar-middle.git](https://git.k4li.me/dotfiles/waybar/src/branch/main/.src/waybar-middle_bar-colors.gif)
+
-    - bar changes red if fullscreen is on (not the whole screen of course, but the 'light'-fullscreen mode instead)
+![waybar-mid][waybar-mid]
-</details>
+- bar changes red if fullscreen is on (not the whole screen of course, but the 'light'-fullscreen mode instead)
+    </details>
 
 ## installation
 To install this waybar theme, you could, if you do not have a waybar folder under your ~/.config/ folder currently installed, just clone the repo directly inside your ~/.config/ folder and update the repo, to get the newest commit