RELEASE
planning/2.8.0/mockups/curio-display-case-notes.md
sha256 d93322f4037b8483 · 2728 bytes ·
original held in the private archive
# CURIO ARCHIVE — collectibles as themed objects (mockup for owner pick)
**Files:** `curio-display-case.html` + the `curio-*.png` shots. The BUS-15 CURIO ARCHIVE (OPERATIONS) reworked to the skill-books-shelf bar: every collectible rendered as its recognizable Fallout object, pure CSS, on the shipped machine chrome (Protocol 22).
**Query params:** `?game=fo3` · `?curio=case|shelf`.
## The objects (category-driven, Protocol 38)
- **NV SNOW GLOBE** — glass dome (highlight + snow flecks + liquid tint) over a Vegas skyline/spire scene, on a tapered base with a brass trim line. Missing = empty dashed dome with a ghost silhouette, dimmed base.
- **FO3 BOBBLEHEAD** — grinning Vault-Boy (head + hair swoosh + smile) on a stepped **VAULT-TEC** base; acquired heads **bobble** gently (plain animation → reduced-motion stills it). Missing = dashed silhouette, no bobble.
- **FO3 LINCOLN RELICS** — typed artifact shapes per item: rifle (Lincoln's Repeater), rolled-corner posters, diary (book), coin, action figure, phonograph cylinder. Missing = dashed/30% ghost.
The object class is driven by the collectible's **category** (snowglobe / bobblehead / lincoln-`<type>`) — a new game's collectible type is one new object class, no feature-code branch. Lincoln sub-case gated per `tracksLincoln`; labels per `collectibleLabel`.
## The style choice — 2 variants
- **`?curio=case` (SEALED DISPLAY CASE):** museum vitrine — 2px sealed frame, dark backlit interior, diagonal glass sheen, copper "◈ SEALED EXHIBIT" latch plate, brass plaque under each object.
- **`?curio=shelf` (OPEN COLLECTION SHELF):** the books-shelf DNA — steel plank under every wrapped row (row-cycle gradient), plain phosphor name plates, no glass.
## Functionality kept
Tap any object to toggle acquired/missing (the shipped `toggleCollectible` / `toggleLincolnItem` tracker-toggle contract — the mock toggles live and repaints plaque + summary + telemetry); live count plaques ("◈ 4 OF 7 SNOW GLOBES ON DISPLAY"); live 0i summary row ("4/7 SNOW GLOBES ACQUIRED · LAST: …" / "8/20 BOBBLEHEADS · 3/9 LINCOLN RELICS"); `[n/total]` badge via `_updatePanelBadges` at build. FO3's 20 bobbleheads sit in a **bounded in-panel scroll** (max-height 430px + phosphor scrollbar + edge fade) — no infinite scroll. Curio buttons are 88×112px (≥28px targets); centering rule on every wrapped row; zero overflow + zero console errors verified at 360/412/1440.
## Screenshots
| Group | Paths |
| --- | --- |
| CASE · NV snow globes | `curio-case-nv-{360,412,desktop}.png` |
| SHELF · NV snow globes | `curio-shelf-nv-{360,412,desktop}.png` |
| FO3 (bobbleheads + Lincoln) | `curio-case-fo3-412.png` · `curio-shelf-fo3-412.png` |
STAMP · generated for RELEASE v2.8.5 commit 06e5180 (06e51801b38a) · archive input-tree hash c07fbfbdd2e1ddeb · 754 files · no wall-clock timestamp (regenerates identically when nothing changed).