feat(assets): refresh screenshots, add demo GIF and theme montage

Re-captured all 6 TUI screenshots via VHS with realistic demo data.
Added animated demo GIF as README hero image and a 5-theme montage
strip showing Flexoki Dark, Tokyo Night, Catppuccin, Nord, Gruvbox.
This commit is contained in:
2026-06-20 13:21:32 -04:00
parent 5ca534b0b1
commit c71d5b17f0
10 changed files with 15 additions and 5 deletions
+1
View File
@@ -27,3 +27,4 @@ tmp
*.local.md *.local.md
data/ data/
.env .env
vhs
+14 -5
View File
@@ -10,7 +10,7 @@
<img src="https://img.shields.io/docker/pulls/lerkolabs/uptop" alt="Docker Pulls"> <img src="https://img.shields.io/docker/pulls/lerkolabs/uptop" alt="Docker Pulls">
</p> </p>
<img src="assets/monitors.png" alt="uptop monitors view" width="800"> <img src="assets/demo.gif" alt="uptop demo" width="800">
</div> </div>
## What is this ## What is this
@@ -38,18 +38,27 @@ Canonical repo: [gitea.lerkolabs.com/lerkolabs/uptop](https://gitea.lerkolabs.co
<table> <table>
<tr> <tr>
<td><img src="assets/monitors.png" alt="monitors dashboard" width="400"></td>
<td><img src="assets/detail.png" alt="detail panel" width="400"></td> <td><img src="assets/detail.png" alt="detail panel" width="400"></td>
</tr>
<tr>
<td><img src="assets/alerts.png" alt="alerts view" width="400"></td> <td><img src="assets/alerts.png" alt="alerts view" width="400"></td>
</tr>
<tr>
<td><img src="assets/logs.png" alt="logs view" width="400"></td> <td><img src="assets/logs.png" alt="logs view" width="400"></td>
<td><img src="assets/nodes.png" alt="cluster nodes" width="400"></td>
</tr> </tr>
<tr> <tr>
<td colspan="2" align="center"><img src="assets/theme.png" alt="theme selection" width="600"></td> <td><img src="assets/nodes.png" alt="cluster nodes" width="400"></td>
<td><img src="assets/theme.png" alt="theme selection" width="400"></td>
</tr> </tr>
</table> </table>
### Themes
Five built-in themes: Flexoki Dark, Tokyo Night, Catppuccin Mocha, Nord, Gruvbox. Press `T` to cycle.
<p align="center">
<img src="assets/themes.png" alt="all five themes" width="800">
</p>
## Quick start ## Quick start
```bash ```bash
BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 84 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 823 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

After

Width:  |  Height:  |  Size: 83 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 206 KiB

After

Width:  |  Height:  |  Size: 220 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 232 KiB

After

Width:  |  Height:  |  Size: 216 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 60 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 253 KiB

After

Width:  |  Height:  |  Size: 216 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 269 KiB