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

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

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

Visibility: public

Requested revision: 7c1251ab025d3c46cd394b537382e6dd72de2c66

Requested commit: 7c1251ab025d3c46cd394b537382e6dd72de2c66

Commit: 7c1251ab025d3c46cd394b537382e6dd72de2c66

Tree: 8a494995612947cdf6f368127c1a4e54882fbb4d

Author: Screen

Committer: GitHub

## 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

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

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