docs: add screenshots

This commit is contained in:
2025-08-26 16:00:39 +02:00
parent 27b07d2aba
commit 0e7f241c90
5 changed files with 9 additions and 5 deletions

View File

@@ -5,11 +5,15 @@ Zero-configuration web interface for monitoring and managing SPORE embedded syst
## Features
- **🌐 Cluster Monitoring**: Real-time view of all cluster members with auto-discovery
- **📊 Node Details**: Expandable cards with detailed system information
- **🚀 Modern UI**: Beautiful glassmorphism design with smooth animations
- **📊 Node Details**: Detailed system information including running tasks and available endpoints
- **🚀 OTA**: Clusterwide over-the-air firmware updates
- **📱 Responsive**: Works on all devices and screen sizes
![UI](./assets/ui.png)
## Screenshots
### Cluster
![UI](./assets/cluster.png)
### Firmware
![UI](./assets/firmware.png)
## Project Structure

BIN
assets/cluster.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 KiB

BIN
assets/firmware.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 198 KiB

View File

@@ -52,7 +52,7 @@
<div id="firmware-view" class="view-content">
<div class="firmware-section">
<div class="firmware-header">
<!--div class="firmware-header">
<div class="firmware-header-left"></div>
<button class="refresh-btn" onclick="refreshFirmwareView()">
<svg class="refresh-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -61,7 +61,7 @@
</svg>
Refresh
</button>
</div>
</div-->
<div id="firmware-container">
<div class="firmware-overview">