Skip to content

Science six minds and process diagram; landing Intelligence; Messenger page-scroll for seen screens - #19

Merged
pushpsood merged 2 commits into
mainfrom
feat/science-intelligence-story
Oct 28, 2026
Merged

pushpsood merged 2 commits into
mainfrom
feat/science-intelligence-story

Conversation

@pushpsood

Copy link
Copy Markdown
Owner

Science

  • Six minds (Engagement, Rhythm, Meaning, Taste, Wish, Tradition), synced with the matching backend; model, routes and tests updated.
  • Hero: tilted 3D orbit disc fitted between the headline and buttons at every aspect ratio. Rings, spin and parallax are compositor-only layers (main-thread work at 4x CPU throttle: idle 318 to 88 ms/s, pointer 723 to 237 ms/s).
  • Story index: six chapters, three per row, on white.
  • One sticky interactive process diagram (ScienceProcess) replaces the chapter labs and chapter drum (OrbitNav, ScienceLabs removed). Audited overlap-free at 27 viewports x 6 stages.

Landing

  • Mr.OneHook section renamed Intelligence (nav, mobile menu, footer, kicker, lead copy). Section id under-the-hood and the telemetry value under_the_hood are unchanged.
  • The orbit backdrop shows the same tilted disc as the science hero for the same screen.
  • The mascot message opens the explainer video; smaller mascot; sparkle ring on phones.

Messenger

  • New screens still play once on the stage. Screens already seen render as a strip that slides with the scroll like a normal page.
  • A message explains the hold when a reader keeps scrolling while a screen plays.
  • Science and Messenger share one header layout.

Checks

tsc, 617 tests, telemetry contract and production build pass after rebasing on main.

…ding Intelligence section

Science page
- Six minds (Engagement, Rhythm, Meaning, Taste, Wish, Tradition), synced
  with the matching backend; routes, model and tests updated.
- Hero: tilted 3D orbit disc that fits between headline and buttons at every
  aspect ratio, labels around the logo, Get the app / See how it works / Our
  philosophy. Rings, spin and parallax are compositor-only layers.
- Story index: six chapters, three per row, on white.
- One sticky interactive process diagram (ScienceProcess) replaces the
  chapter labs and the chapter drum (OrbitNav, ScienceLabs removed). Fits
  both axes, side by side on wide or landscape screens, captions centred on
  the logo, process section on the landing "How it works" ground.

Landing
- Mr.OneHook section renamed Intelligence (nav, footer, kicker, lead copy).
- Its orbit backdrop shows the same tilted disc as the science hero for the
  same screen (shared ScienceDisc and hero geometry).
- The mascot message opens the explainer video; smaller mascot; its sparkle
  ring now shows on phones too.

Header
- Science and Messenger share one header layout (fitTitles), so both switch
  between full and compact at the same width.
…screen plays

- The stage only moves forward: each new screen plays once at its own pace,
  as before. Scrolling back above it, the screens already seen render as a
  strip of finished screens that slides with the scroll like a normal page;
  scrolling down meets the stage again exactly where it was.
- A screen left mid-animation by scrolling up is finished at once.
- Readers who keep trying to scroll while a screen plays get a short message
  explaining the hold and asking them to wait for the illustration.
- Shared header layout with Science (fitTitles).
- Scroll-speed dwell removed; tests cover the new rules.
@pushpsood
pushpsood merged commit 88e4a58 into main Oct 28, 2026
1 check passed
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