HOMELAB-971: fix(intellimation): blend poster letterbox with grid + bg #182

Merged

aaron merged 1 commit from plane/HOMELAB-971-intellimation-letterbox into live

2026-04-23 14:25:03 +00:00

aaron commented

2026-04-23 14:21:57 +00:00

Owner

Summary

Stage letterbox now matches the poster background (color + 48px grid + 0.8 overlay) so the dark bars on a 16:10 viewport blend in instead of framing the poster in jet black.
Applied to all three posters (pipeline.html, homelab.html, what-maps.html) and the index shell (index.html).

Why

User reported that on a 16" MBP at 100% browser zoom (CSS viewport ~1728x1067), the contain-scaled 1920x1080 poster letterboxes vertically. Old stage was #05080c while the poster is #0a0e14+grid — the mismatch made the letterbox read as ugly black bars chopping the poster apart.

Out of scope

Resizing the poster from 1920px native to fit a laptop at 1:1 (would need a separate redesign pass).

Test plan

After merge + ArgoCD sync, load https://intellimation.aaron.reynoza.org/#pipeline at 100% zoom — letterbox area should read as a faint grid extending the poster, not solid black.
Same check for #homelab and #what-maps.

Plane: HOMELAB-971

## Summary - Stage letterbox now matches the poster background (color + 48px grid + 0.8 overlay) so the dark bars on a 16:10 viewport blend in instead of framing the poster in jet black. - Applied to all three posters (`pipeline.html`, `homelab.html`, `what-maps.html`) and the index shell (`index.html`). ## Why User reported that on a 16" MBP at 100% browser zoom (CSS viewport ~1728x1067), the contain-scaled 1920x1080 poster letterboxes vertically. Old stage was `#05080c` while the poster is `#0a0e14`+grid — the mismatch made the letterbox read as ugly black bars chopping the poster apart. ## Out of scope Resizing the poster from 1920px native to fit a laptop at 1:1 (would need a separate redesign pass). ## Test plan - [ ] After merge + ArgoCD sync, load https://intellimation.aaron.reynoza.org/#pipeline at 100% zoom — letterbox area should read as a faint grid extending the poster, not solid black. - [ ] Same check for `#homelab` and `#what-maps`. Plane: HOMELAB-971

aaron added 1 commit

2026-04-23 14:21:57 +00:00

HOMELAB-971: fix(intellimation): blend poster letterbox with grid + bg

CI Review / pr-title (pull_request) Has been cancelled

Details

CI Review / helm-validate (pull_request) Has been cancelled

Details

CI Review / ai-review (pull_request) Has been cancelled

Details

Lint & Validate / terraform-validate (pull_request) Has been cancelled

Details

Lint & Validate / yaml-lint (pull_request) Has been cancelled

Details

Lint & Validate / shellcheck (pull_request) Has been cancelled

Details

9b30ab400b

The 1920x1080 posters scale contain-style; on a 16:10 viewport this
letterboxes top/bottom. Stage was #05080c while the poster is #0a0e14
with a 48px grid + 0.8 overlay, so the letterbox read as jet-black
bars framing the poster. Extend the poster's exact background (color
+ grid + overlay) onto the stage and iframe surfaces so the letterbox
disappears visually. Applied to all 3 posters and the index shell.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>