Skip to content

feat(theme): lens hero v2, the lens comes out of the dark - #12

Merged
Madraka merged 1 commit into
mainfrom
feat/lens-hero-v2
Oct 21, 2026
Merged

Madraka merged 1 commit into
mainfrom
feat/lens-hero-v2

Conversation

@Madraka

@Madraka Madraka commented Oct 21, 2026

Copy link
Copy Markdown
Contributor

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: now in the centre, between the headline and the actions. Its edge dissolves into the dark (masked SVG), and its light and a field of faint concentric rings spread over the whole hero. On load it lights up from black (about 2.5 s), then the light swells and fades on a 6 s breath. It follows the pointer a little (springs per layer) and dims as the page scrolls. The instrument ticks, progress arc and scroll parallax are removed.
  • Activity log: one line at a time in a pill under the buttons. Without JS or with reduced motion it is the whole list, inline.
  • Header: a page that opens with lens-hero gets the transparent header (data-over="lens", set in [...path].astro because heroSurface only knows surface bands), with light words and inputs. No white gap above the hero.
  • Ending: on such a page, a closing cta-band right before the footer becomes a full-width dark scene with the lens light rising from below, and the footer continues the same dark.
  • Fit: at 1440×900 the buttons are on the first screen; at 390 there is no sideways scroll.
  • Checks: cloudhal deploy --dry-run passes. Tested on a local cloudhal dev copy 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

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>
@Madraka
Madraka merged commit 85bc553 into main Oct 21, 2026
3 checks passed
@Madraka
Madraka deleted the feat/lens-hero-v2 branch October 21, 2026 20:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant