Repository navigation
feat: scroll-driven motion and flight globe intro - #12
Merged
Merged
Conversation
BinaryRule wipes in with scroll, a top progress rule tracks the page, the resume timeline spine draws, project cards stamp in, and continent bars fill with ticking counts. All gated to prefers-reduced-motion: no-preference, with scroll timelines behind @supports so unsupported browsers show final state. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Routes trace origin to destination with a capped stagger, airports pop in after, and the globe drifts into place. Intro classes drop away afterwards so routes rotating into view later render solid, and any drag or key press cancels the spin. Reduced motion skips all of it. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
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
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
transform: scaleX, so the year scrubber eases too.Constraints honored
prefers-reduced-motion: no-preference(scroll timelines ignore the duration-shrinking rule, so they are opted out explicitly).@supports; unsupported browsers show the final state. Hidden start states apply only when scripting is on.Test plan
npx tsc --noEmit,npx eslint components,npm test -- --run(44 pass),npm run buildNot verified visually by the author: headless Chrome would not attach during development.
🤖 Generated with Claude Code