WORK-402
ID:WORK-402Status:ready

Docs — hero cover reference and animated prism background showcase

The capstone of SPEC-101: document hero-cover and ship the animated prism background as a live, authored example. There is currently no docs example of media-position="cover" on hero at all.

Priority:mediumComplexity:simpleMilestone:v0.21.0Source:SPEC-101
claude/threejs-sandbox-backgrounds-env77o View source

Criteria completion

Criteria completion: 0 of 5 (0%) checked; tracking started on Jun 11, no incremental history yet0%25%50%75%100%Jun 11Jun 15

Tracking started Jun 11 — check back for trends.

Relationships

Implements 1
Related 6
Branches 2
claude/threejs-sandbox-backgrounds-env77o current ready
main doneclaude/spec-101-hero-cover-prism done
History 1
  1. a1580fa
    Created (ready)by bjornolofandersson

Acceptance Criteria

  • The hero reference page gains a cover section: a plain image-cover hero (the one-attribute change from a normal hero), then the animated background — {% sandbox src="prism-scene" /%} in the hero's media zone under media-position="cover".
  • The mechanism note explains the contract stack: cover layout + SPEC-090 posture demotion (inert backdrop) + guest fill — and the motion/perf authoring contract (eager-only, dim-under-scrim, reduced-motion, capped DPR, boot-frame gradient).
  • The sandbox reference documents height="fill" in the attributes table and prose.
  • media-guests.md cross-links the pattern from the "Live program" section.
  • Pages render correctly in light + dark and at mobile widths; vite build green.

Dependencies

  • WORK-398 (hero cover host) · WORK-399 (guest fill) · WORK-401 (the prism scene). WORK-400 informs the eager-only guidance.

References

  • SPEC-101 §7 · site/content/runes/sandbox.md, site/content/runes/media-guests.md, the hero reference page