Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions docs/spec.md
Original file line number Diff line number Diff line change
Expand Up @@ -192,6 +192,7 @@ Recorded during the homepage skeleton build (2026-07-22). These resolve points w
- **Avenir weights were mapped by filename order, which was wrong.** `372EB5_1_0` is Medium and `372EB5_2_0` is Book, so the kit was serving Medium as body copy and Book (the lightest face) wherever the design asks for Medium — the testimonial quote most visibly. Faces are now mapped from each font's internal name (see section 7). Body copy is a shade lighter as a result, which is the design's Roman/Book.
- **Row heights come from the Figma, not the viewport.** The featured stock ("Previously Sold") row is the design's 640px band and the testimonials panel its 778px band, rather than `100dvh`. Both ballooned on tall screens when tied to the viewport. The testimonials value is a `min-height` so a long quote grows the panel instead of clipping.
- **Current stock keeps its autoscroll.** It was briefly replaced with a track stepped by arrows in the left column, then reverted the same day at the client's request: the continuous drift is the wanted behaviour. Both stock and journal autoscroll via `initCarousel`.
- **Stock cards are back to the Figma's 583px width.** They had been widened to 750px, which at the design's 583:515 image ratio made each image 663px tall and the row 991px — taller than the viewport, so a whole card could never be seen at once. At 583px the row is 843px and two full cards sit in view at the 1512 design width, which is what the design shows.
- **The nav strip resolves off the video's bottom edge.** The transparent-to-white cross-fade is timed to finish just as the last of the hero video passes under the header, rather than part way up the viewport. Nav text and logo cross to ink ahead of the panel (`--nav-ink`) so they stay legible mid-fade.
- **The hero shield docks in half the scroll distance** (`PIN_TRAVEL` 0.9 → 0.45).

Expand Down
4 changes: 3 additions & 1 deletion resources/views/parts/stock_card.antlers.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
<article class="group w-[750px] shrink-0 snap-start cursor-pointer">
{{# Card is the Figma's 583px (node 24:397), which puts two full cards in view at
the 1512 design width and keeps the row from running past the viewport. #}}
<article class="group w-[583px] shrink-0 snap-start cursor-pointer">
<div class="relative aspect-[583/515] overflow-hidden bg-cream">
{{ feature_image }}<img src="{{ url }}" alt="{{ title }}" class="absolute inset-0 h-full w-full object-cover{{ if hover_image }} group-hover:opacity-0{{ /if }}">{{ /feature_image }}
{{ if hover_image }}{{ hover_image }}<img src="{{ url }}" alt="{{ title }}" class="absolute inset-0 h-full w-full object-cover opacity-0 group-hover:opacity-100">{{ /hover_image }}{{ /if }}
Expand Down