feat: the story thread looks like a track on a circuit board
Owner: the direction is right, but a smooth line is not developer style; everything else on the site is binary. The thread is now a trace: straight runs with 45 degree bends, solder points where it bends or meets a figure, a second fainter track beside it, figures as components (pins on the rectangular ones, the chapter number in binary inside), and a bit that flips between 1 and 0 as it travels at the head. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -65,9 +65,10 @@ App lives in `apps/web`. Social media videos live in `apps/video` (Remotion, sta
|
||||
`data-glow` surfaces). Reuse them instead of inventing new effects.
|
||||
- The homepage is one story with a visible thread (`apps/web/src/components/story/`). Every chapter opens
|
||||
with one sentence from `story` in the content files; read one after the other they tell the way of a
|
||||
project from the idea to the first email. `StoryThread` is one line down the whole page that draws itself
|
||||
as the visitor scrolls: under each sentence it crosses the page, stands a figure on the line and continues
|
||||
on the other side, with a glowing dot at its head. `Block` prop `chapter` gives a section its sentence and
|
||||
project from the idea to the first email. `StoryThread` is one trace down the whole page, in the look of a circuit
|
||||
board (45 degree bends, solder points, a second parallel track), that draws itself as the visitor scrolls:
|
||||
under each sentence it crosses the page, stands a component with the chapter number in binary on the track
|
||||
and continues on the other side, with a bit (1/0) travelling at its head. `Block` prop `chapter` gives a section its sentence and
|
||||
figure; how much of the line is drawn is decided in `src/domain/thread.ts`. A new section on the homepage
|
||||
needs a sentence that continues the story, or it breaks the thread. No rails, no "next question" links
|
||||
(owner rejected both).
|
||||
|
||||
Reference in New Issue
Block a user