# Play the homepage as one pinned screen · screen/col

[View on GitCafe](https://git.cafe/screen/col/commit/e0b3d362e8b95939b660d3e91285a417315131eb)

Repository: [screen/col](https://git.cafe/screen/col)

Visibility: public

Requested revision: e0b3d362e8b95939b660d3e91285a417315131eb

Requested commit: e0b3d362e8b95939b660d3e91285a417315131eb

Commit: e0b3d362e8b95939b660d3e91285a417315131eb

Tree: 8a494995612947cdf6f368127c1a4e54882fbb4d

Author: Screen

Committer: Screen

## Message

```
Play the homepage as one pinned screen

The hero, details bento and roadmap become scenes on a sticky stage that
crossfade as you scroll, while the light rays, orbit and tiles stay put.
An IntersectionObserver on one marker per scene picks the current scene;
nothing runs per scroll frame. Keyboard focus scrolls to the scene that
holds it, and the rays pause once the hero is behind.

Screens under 1280x800 and reduced motion keep the stacked page.
LibraryExplorer and HeroStage become HomeHero and HomeStory, and
LightRays gains a paused prop.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

```

## Parents

- [19712d08e0defa90593beecc35a08e653bf101b6](https://git.cafe/screen/col/commit/19712d08e0defa90593beecc35a08e653bf101b6?format=markdown)

[Source at this commit](https://git.cafe/screen/col/tree/e0b3d362e8b95939b660d3e91285a417315131eb?format=markdown)