patx/voldservices
shorten scroll
Commit c42c574 · patx · 2026-08-16T19:17:03-04:00
Comments
No comments yet.
Diff
diff --git a/docs/HERO-VIDEO-BRIEF.md b/docs/HERO-VIDEO-BRIEF.md
deleted file mode 100644
index 70eeda0..0000000
--- a/docs/HERO-VIDEO-BRIEF.md
+++ /dev/null
@@ -1,22 +0,0 @@
-# Vold Services hero video brief
-
-## Shot
-
-- Record one continuous 12–15 second pressure-washing pass in landscape at 4K.
-- Use a tripod or stable gimbal with locked focus, exposure, and white balance.
-- Hold on the visibly dirty surface for 1–2 seconds.
-- Move the wand left to right and keep the clean line clearly visible for 7–9 seconds.
-- Hold on the finished surface for at least 3 seconds; this final frame becomes the poster.
-- Keep the wand and clean line inside the center 45% of the frame so a vertical mobile crop works.
-- Leave the left side visually quiet when possible. Avoid faces, addresses, license plates, jump cuts, and fast camera moves.
-
-## Delivery
-
-- Supply the original camera file without music, text, filters, or baked-in branding.
-- Preferred capture: 3840×2160, 30 or 60 fps, standard dynamic range.
-- Final web exports: 1920×1080 desktop MP4/WebM and a 720×1280 center-cropped mobile version.
-- Target 12–15 seconds and keep each web file below roughly 5 MB without visible blocking.
-
-## Website handoff
-
-The site uses `hero-scroll.mp4`, an audio-free, frequent-keyframe derivative of `hero.mp4`, with `img/hero-poster-v2.jpg`. The video stays paused and its playhead is mapped directly to hero scroll progress. For a future replacement, keep frequent seek points (roughly every 0.1 seconds), muted/plays-inline behavior, and the poster fallback.
diff --git a/docs/index.html b/docs/index.html
index f921509..d910624 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -374,8 +374,8 @@
.hero {
position: relative;
isolation: isolate;
- height: 400vh;
- height: 400svh;
+ height: 300vh;
+ height: 300svh;
scroll-margin-top: var(--nav-h);
}
@@ -1352,7 +1352,7 @@
.strip-inner span { width: auto; white-space: nowrap; }
.strip-viewport:hover .strip-inner { animation-play-state: paused; }
.btn-row .btn { width: 100%; }
- .hero { height: 400vh; height: 400svh; }
+ .hero { height: 300vh; height: 300svh; }
.hero-sticky {
align-items: start;
padding-top: calc(var(--nav-h) + 54px);