Skip to content

docs(readme): add screenshot tour of the rebuilt surfaces - #15

Merged
Inch-high merged 2 commits into
mainfrom
docs/readme-screenshots
Jun 1, 2026
Merged

Inch-high merged 2 commits into
mainfrom
docs/readme-screenshots

Conversation

@Inch-high

Copy link
Copy Markdown
Owner

What

Adds a Screenshots section to the README — a short visual tour of the rebuilt surfaces, each with a one-paragraph explainer:

  • Dashboard — hero metrics strip + grouped Compute / Storage / Devices / Network / Workloads cards
  • Main — array usage bar + per-device cards (model, state, temp, SMART, usage) and the Array Operation panel
  • Docker — collapsible folders, tags, search, state/tag filters, bulk actions, Check for updates
  • Settings → Theme — independent Modern/Stock toggles per surface, colour mode, density, fallback
  • Consistent shell — stock Settings index re-skinned, showing the shell wraps non-rebuilt pages too

Screenshots live in docs/screenshots/ and are referenced with relative paths so they render on GitHub.

How

Captured from a live Unraid 7.x install (HL15Rack) running Modern UI v0.8.3 via the browser, in dark mode at the default density.

Notes

  • The Theme screenshot is cropped just above the "About" footer on purpose: package/Theme.page:120 hardcodes Modern UI v0.7.0 (Phase 7), which is stale (the JS component already renders the version dynamically). Worth fixing separately so the page reflects the real plugin version.
  • All chosen shots avoid MAC addresses / internal IPs. The disk cards show model + firmware codes only (not unique serials).

🤖 Generated with Claude Code

Inch-high and others added 2 commits June 1, 2026 20:44
Add docs/screenshots/{dashboard,main,docker,settings,theme}.jpeg and a
new "Screenshots" section to the README with a short explainer for each
surface: Dashboard, Main (array & devices), Docker, Settings -> Theme,
and the shared shell.

Captured on a live Unraid 7.x install running Modern UI v0.8.3. The
Theme screenshot is cropped above the "About" footer (its version string
is hardcoded and stale in package/Theme.page).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Extend the Docker screenshot section with three sub-sections:
- Organising containers into folders (Manage Folders dialog)
- Creating a new folder (the + New folder flow)
- Tagging containers (Manage Tags dialog)

Adds docker-folders.jpeg, docker-folder-new.jpeg and docker-tags.jpeg,
all captured on the live v0.8.3 install.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@Inch-high
Inch-high merged commit 9f389e4 into main Jun 1, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant