feat(reticle): roll out ReticleDial across all heroes - #30
Merged
Conversation
Instrument chrome (dial ticks, gauge scales, reticle telemetry blocks) can now be atmosphere rather than a readout, as long as it never claims a specific real quantity: needed room to build denser HUD-style reticles without every tick or panel number having to be backed by real data. The carve-out is scoped narrowly so it doesn't excuse the counters, dates, and stats already shipped elsewhere on the site, which stay real.
…hero New ReticleDial atom: a denser HUD instrument face (tick ring, flanking arc brackets, ladder crosshair, side-rail rulers, corner registration marks) alongside the existing branded Reticle, which is untouched. Wired into the /design hero only, with real BUILD/ZONE readouts sourced from package.json and the app timezone constant. Adds a shared --animate-drift token to theme.css for the dial's slow tick rotation, following the existing marquee/ticker token pattern.
Replaces the branded Reticle with ReticleDial on home, about, experience, and error, matching the existing /design usage. Every hero now accepts an optional readouts prop (real data only, threaded to ReticleDial's boxed rail readouts); none of the call sites populate it yet, so the heroes render without boxed readouts by default. Also tunes the dial itself: larger circular geometry closer to the original reticle's proportions, a CSS boot-in (nth-child stagger, capped total sequence) replacing the earlier framer-motion pass, symmetric top/bottom panel-readout spacing, and text sizing matched to Hud's expressive style.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
ReticleDial) replaces the brandedReticleon all hero surfaces: home, about, experience, error, and design.readoutsprop (real data only) for boxed rail readouts, matching the honest-readout rule; no call site populates it yet.animate-boot-in-blur, nth-child stagger), matching the original reticle's convention; total sequence capped at 2s.Test plan
pnpm lint:check/pnpm type:checkcleanpnpm buildsucceeds (ran via pre-push hook)