Skip to content

Landing page: per-slide videos, native scroll, static nav - #81

Merged
AndrewCTF merged 1 commit into
masterfrom
website-video-wave
Aug 9, 2026
Merged

Landing page: per-slide videos, native scroll, static nav#81
AndrewCTF merged 1 commit into
masterfrom
website-video-wave

Conversation

@AndrewCTF

Copy link
Copy Markdown
Owner

What changed

Videos (11 on the page, up from 2)

  • Five new cinematic clips — fighter jet, third-person drone over a mountain valley, container ship, wildfire, city at night — wired into the Air, Signals, Maritime, Hazards and Infrastructure carousel slides. Slides showing synthetic footage are tagged CINEMATIC so it is never presented as feed data.
  • The other four slides (Space, Archive, Agent, Workspace) reuse the real product captures already in assets/.
  • The Archive section's static screenshot is now the replay-live video, played/paused by visibility.

Weight discipline

  • Slide videos load lazily: preload="none", src attached only to the active slide and released when it leaves, so only one video is ever fetched/playing and initial page weight is unchanged. New assets total 9.1 MB on disk (648 KB–3.0 MB each, audio stripped).

Fixes along the way

  • Removed the wheel-hijack lerp scroll — wheel input now moves the page natively 1:1; anchors keep CSS scroll-behavior: smooth.
  • Nav is absolute over the hero instead of fixed: it stays at the top of the page and scrolls away, and the hide-on-scroll / on-light restyling machinery is gone.
  • prefers-reduced-motion now suppresses every autoplay video and smooth scrolling.
  • Marquee loops seamlessly up to 3200px viewports (three copies, one-third shift); carousel arrows no longer overflow at 390px.

Verification

Driven in a real Chromium at 1440×900 and 390×844: all nine slides play and release their video, no user-visible horizontal overflow, reduced-motion verified (hero paused, no slide src set, instant anchor jumps), zero console errors.

- Five new cinematic clips (jet, drone, ship, wildfire, city night) generated
  and wired into the Air/Signals/Maritime/Hazards/Infrastructure slides,
  tagged CINEMATIC so synthetic footage is never presented as feed data
- All 9 carousel slides now play video lazily: preload=none, src attached
  only to the active slide and released on leave, so initial page weight is
  unchanged; Space/Archive/Agent/Workspace reuse the real product captures
- Archive section screenshot replaced with the replay-live video,
  play/paused by visibility
- prefers-reduced-motion suppresses every autoplay video and smooth scroll
- Removed the wheel-hijack lerp scroll; scrolling is native, anchors keep
  CSS smooth-behavior
- Nav is absolute over the hero instead of fixed: no follow-on-scroll,
  hide-on-scroll and on-light restyling removed
- Marquee runs three quote copies shifting one third per loop, seamless up
  to 3200px viewports; carousel controls no longer overflow at 390px
@AndrewCTF
AndrewCTF merged commit cfba8f3 into master Aug 9, 2026
2 checks passed
@AndrewCTF
AndrewCTF deleted the website-video-wave branch August 9, 2026 14:51
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