monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(website): show both light and dark mode screenshots side by side

Browse Source
This commit is contained in:
Jason Staack
2026-03-21 15:27:00 -05:00
parent c13d7f0f7c
commit ce894505dc
1 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
docs/website/index.html
View File

@@ -458,23 +458,43 @@
<div class="wp-screenshot-grid"> <div class="wp-screenshot-grid">
<figure class="wp-screenshot-card screenshot-card"> <figure class="wp-screenshot-card screenshot-card">
<img src="assets/01-overview-dark.png" alt="Fleet overview showing device list, status, and health metrics" loading="lazy" width="1440" height="900"> <img src="assets/01-overview-light.png" alt="Fleet overview — light mode" loading="lazy" width="1440" height="900">
<figcaption class="wp-screenshot-caption">Fleet overview</figcaption> <figcaption class="wp-screenshot-caption">Fleet overview — light</figcaption>
</figure> </figure>
<figure class="wp-screenshot-card screenshot-card"> <figure class="wp-screenshot-card screenshot-card">
<img src="assets/02-device-detail-dark.png" alt="Device detail view with interfaces, system info, and actions" loading="lazy" width="1440" height="900"> <img src="assets/01-overview-dark.png" alt="Fleet overview — dark mode" loading="lazy" width="1440" height="900">
<figcaption class="wp-screenshot-caption">Device detail</figcaption> <figcaption class="wp-screenshot-caption">Fleet overview — dark</figcaption>
</figure> </figure>
<figure class="wp-screenshot-card screenshot-card"> <figure class="wp-screenshot-card screenshot-card">
<img src="assets/03-interfaces-dark.png" alt="Interface utilization showing per-interface traffic" loading="lazy" width="1440" height="900"> <img src="assets/02-device-detail-light.png" alt="Device management — light mode" loading="lazy" width="1440" height="900">
<figcaption class="wp-screenshot-caption">Interface traffic</figcaption> <figcaption class="wp-screenshot-caption">Device management — light</figcaption>
</figure> </figure>
<figure class="wp-screenshot-card screenshot-card"> <figure class="wp-screenshot-card screenshot-card">
<img src="assets/04-firmware-dark.png" alt="Firmware management showing version groups and upgrade tracking" loading="lazy" width="1440" height="900"> <img src="assets/02-device-detail-dark.png" alt="Device management — dark mode" loading="lazy" width="1440" height="900">
<figcaption class="wp-screenshot-caption">Firmware management</figcaption> <figcaption class="wp-screenshot-caption">Device management — dark</figcaption>
</figure>
<figure class="wp-screenshot-card screenshot-card">
<img src="assets/03-interfaces-light.png" alt="Interface configuration — light mode" loading="lazy" width="1440" height="900">
<figcaption class="wp-screenshot-caption">Interface configuration — light</figcaption>
</figure>
<figure class="wp-screenshot-card screenshot-card">
<img src="assets/03-interfaces-dark.png" alt="Interface configuration — dark mode" loading="lazy" width="1440" height="900">
<figcaption class="wp-screenshot-caption">Interface configuration — dark</figcaption>
</figure>
<figure class="wp-screenshot-card screenshot-card">
<img src="assets/04-firmware-light.png" alt="Firmware management — light mode" loading="lazy" width="1440" height="900">
<figcaption class="wp-screenshot-caption">Firmware management — light</figcaption>
</figure>
<figure class="wp-screenshot-card screenshot-card">
<img src="assets/04-firmware-dark.png" alt="Firmware management — dark mode" loading="lazy" width="1440" height="900">
<figcaption class="wp-screenshot-caption">Firmware management — dark</figcaption>
</figure> </figure>
</div> </div>