dan/volcanantiguaroasters
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Origin: bigger film, 1.5x + calm female narration (no music), remove ticker + photo, center columns

Browse Source
This commit is contained in:
Daniel
2026-07-28 16:01:32 -07:00
parent 2232d9f9d0
commit 62fdd4cbbf
2 changed files with 18 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/film/var-film1.mp4
BIN
View File
Binary file not shown.
index.html
+18 -22
View File
@@ -302,7 +302,7 @@ button { font-family: inherit; cursor: pointer; border: none; background: none;
.hero-film { padding: 46px 0 26px; }
.hero-film-inner {
position: relative;
width: min(1400px, 95vw);
width: min(1360px, 94vw);
margin: 0 auto;
aspect-ratio: 16 / 9;
border-radius: 10px;
@@ -333,7 +333,6 @@ button { font-family: inherit; cursor: pointer; border: none; background: none;
}
.story-detail {
display: flex; gap: 40px;
justify-content: center; text-align: center;
margin-top: 32px; padding-top: 24px;
border-top: 1px solid var(--line);
}
@@ -349,6 +348,22 @@ button { font-family: inherit; cursor: pointer; border: none; background: none;
font-size: 1.3rem;
font-weight: 700;
}
/* Solo story layout (photo removed): single centered column */
.story-grid--solo {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
max-width: 760px;
margin: 0 auto;
}
.story-grid--solo .story-text { display: flex; flex-direction: column; align-items: center; }
.story-grid--solo .story-text p { max-width: 620px; }
.story-grid--solo .story-detail {
justify-content: center;
flex-wrap: wrap;
gap: 56px;
}
.story-grid--solo .story-detail > div { text-align: center; }
/* === PRODUCTS === */
.products {
@@ -766,29 +781,10 @@ footer {
</div>
</section>
<!-- TICKER -->
<div class="ticker">
<div class="ticker-track">
<span class="ticker-item">Single Origin <span class="dot">·</span></span>
<span class="ticker-item">Antigua, Guatemala <span class="dot">·</span></span>
<span class="ticker-item">5,000 ft · 1,524 m Elevation <span class="dot">·</span></span>
<span class="ticker-item">Small Batch Roasted <span class="dot">·</span></span>
<span class="ticker-item">Free Shipping <span class="dot">·</span></span>
<span class="ticker-item">Subscribe & Save <span class="dot">·</span></span>
<span class="ticker-item">Single Origin <span class="dot">·</span></span>
<span class="ticker-item">Antigua, Guatemala <span class="dot">·</span></span>
<span class="ticker-item">5,000 ft · 1,524 m Elevation <span class="dot">·</span></span>
<span class="ticker-item">Small Batch Roasted <span class="dot">·</span></span>
<span class="ticker-item">Free Shipping <span class="dot">·</span></span>
<span class="ticker-item">Subscribe & Save <span class="dot">·</span></span>
</div>
</div>
<!-- STORY -->
<section class="story" id="story">
<div class="container">
<div class="story-grid">
<div class="story-visual reveal" style="background-image: url('assets/farm/origin-plants.webp'); background-size: cover; background-position: center;"></div>
<div class="story-grid story-grid--solo">
<div class="story-text reveal">
<span class="eyebrow">The Origin</span>
<h2>Grown in the shadow of <em>three volcanoes</em></h2>