feat(site): show the collection one app at a time on the homepage - #49
Merged
Conversation
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.
The hero is untouched. Everything under it is new.
What replaced what
Hero(unchanged) → Showcase → tagline reveal →#appsgrid → Other Work → FooterThe showcase is a sticky sequence through all four apps. Each panel shows the truest artifact that app has rather than a picture of a window:
The
#appsgrid stays exactly where it was, so the nav link and the showcase's own links both land somewhere real.The homepage also had no tagline reveal, which B11 requires. It has one now.
Reuse
The crossfade maths moved to
lib/useCrossfade.tsandTemplateSequencenow uses it too. That maths had a real bug in it once — panels leaving before the next arrived — so having one copy matters.Verified in Chrome
01/04→04/04, opacities always sum to 100, never an empty stageSpiralstill 96px, same subtitleTwo fixes from testing. Policy names broke mid-word in the narrower panel, so that artifact is one column now. And on mobile the sticky version was 360vh of scroll for four sentences with every artifact hidden, so below
lgit renders stacked.