Repository navigation
feat(theme): lens hero v2, the lens comes out of the dark - #12
Merged
Merged
Conversation
The lens moves to the centre, between the headline and the actions, and comes out of the dark: its edge dissolves into the scene, its light and a field of faint rings spread over the whole hero. It lights up once, then the light swells and fades on a slow breath, follows the pointer a little and dims as the page scrolls on. The instrument ring, progress arc and scroll parallax go; the activity log becomes one line at a time. A page that opens with the lens hero gets the transparent header over it (data-over="lens"), and its closing cta-band and footer join the same dark, so the page starts and ends in one scene. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Signed-off-by: Madraka <8898640+Madraka@users.noreply.github.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.
Second pass on the home page hero, after feedback: the lens should come out of the background with its light, the header and footer clashed with the dark hero, and the scroll felt wrong.
lens-herogets the transparent header (data-over="lens", set in[...path].astrobecauseheroSurfaceonly knows surface bands), with light words and inputs. No white gap above the hero.cta-bandright before the footer becomes a full-width dark scene with the lens light rising from below, and the footer continues the same dark.cloudhal deploy --dry-runpasses. Tested on a localcloudhal devcopy in light, dark, 390 px and reduced motion.Merging changes the live home page's hero right away (the block is already on it). The content update (shorter log lines, calmer sections without the scroll story) is a separate publish.
🤖 Generated with Claude Code