blakeslee-research/website
3
0
Fork 0
Code Actions Activity

Merge nucleic/bold-umber-marten-igah into main

Browse Source 
Mirrored from corpo 33a35bc.
This commit is contained in:
abkslm
2026-08-11 23:04:12 -07:00
parent 05a54f4bc6
commit 7e72470e1e
1 changed files with 31 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index.astro
+31 -9
View File
@@ -112,6 +112,17 @@ const canonical = new URL('/', Astro.site);
<span class="card-rule" aria-hidden="true"></span>
</a>
{/* TEMPORARILY REMOVED: narOS + nash. An Astro comment rather than
an HTML one, deliberately — an HTML comment survives the build
and would keep shipping this card's copy in the page source of a
site it is meant to be absent from.
The stack is count-coupled, so putting it back means undoing
every edit tagged "narOS + nash removal" in this file, not just
restoring this card: the third [data-technology-step] span, the
total in .technology-index, the index on the Hydrangea card
below, and the step bands and scroll lengths in the CSS.
<a
id="technology-naros-nash"
class="product-card product-card-next"
@@ -125,6 +136,7 @@ const canonical = new URL('/', Astro.site);
</span>
<span class="card-rule" aria-hidden="true"></span>
</a>
*/}
<a
id="technology-hydrangea"
@@ -132,7 +144,8 @@ const canonical = new URL('/', Astro.site);
data-technology-card
href="https://hydrangea.blakeslee.xyz"
>
<span class="card-index">03 / Machine fabric</span>
{/* narOS + nash removal: 03 while that card is out. */}
<span class="card-index">02 / Machine fabric</span>
<span class="product-name">Hydrangea <span aria-hidden="true">↗</span></span>
<span class="product-description">
Alive everywhere — one living thing, whole wherever you meet it.
@@ -158,7 +171,8 @@ const canonical = new URL('/', Astro.site);
<div class="technology-index" role="status" aria-live="polite" aria-atomic="true">
<span class="technology-index-current" data-technology-progress-current>01</span>
<span aria-hidden="true">/</span>
<span>03</span>
{/* narOS + nash removal: 03 while that card is out. */}
<span>02</span>
</div>
</div>
</div>
@@ -167,7 +181,9 @@ const canonical = new URL('/', Astro.site);
<div class="technology-steps" aria-hidden="true">
<span data-technology-step="0"></span>
<span data-technology-step="1"></span>
{/* narOS + nash removal: one step box per card.
<span data-technology-step="2"></span>
*/}
</div>
</div>
</div>
@@ -549,7 +565,8 @@ const canonical = new URL('/', Astro.site);
clear the tallest viewport by enough to still be a scroll. */
.hero-lead.has-scroll-stack {
position: relative;
min-height: clamp(66rem, 178svh, 140rem);
/* narOS + nash removal: three-beat length was clamp(66rem, 178svh, 140rem). */
min-height: clamp(46rem, 124svh, 98rem);
align-items: stretch;
}
@@ -585,8 +602,9 @@ const canonical = new URL('/', Astro.site);
.is-stacked-stack .technology-stack {
width: min(100%, 28rem);
min-width: 0;
/* Same per-beat rule as the two-column stack above, at this fallback's own pace. */
min-height: 130svh;
/* Same per-beat rule as the two-column stack above, at this fallback's own pace.
narOS + nash removal: three-beat length was 130svh. */
min-height: 91svh;
margin-top: clamp(3.25rem, 9vh, 6rem);
margin-left: auto;
}
@@ -1000,7 +1018,8 @@ const canonical = new URL('/', Astro.site);
product for within ~30% of the same distance, most sizes within ~10%. */
.is-scroll-stack .technology-steps {
display: grid;
grid-template-rows: 40% 18% 42%;
/* narOS + nash removal: three-beat bands were 40% 18% 42%. */
grid-template-rows: 56% 44%;
}
/* The wrapped fallback pins its card near the top of the viewport rather than at
@@ -1008,7 +1027,8 @@ const canonical = new URL('/', Astro.site);
the smallest share here, not the largest. Declared after the rule above because
the two selectors weigh the same. */
.is-stacked-stack .technology-steps {
grid-template-rows: 20% 32% 48%;
/* narOS + nash removal: three-beat bands were 20% 32% 48%. */
grid-template-rows: 29% 71%;
}
.footer {
@@ -1177,7 +1197,8 @@ const canonical = new URL('/', Astro.site);
beats need more of it than two did: at 90svh the last product held the stage
for under 60px, which is inside a single flick. */
.has-scroll-stack .technology-stack {
min-height: 110svh;
/* narOS + nash removal: three-beat length was 110svh. */
min-height: 77svh;
}
/* The script pins this at the card's own resting offset. The clamp is the fallback
@@ -1197,7 +1218,8 @@ const canonical = new URL('/', Astro.site);
rather than the largest. Measured across 640–932px tall, at ordinary and
enlarged text, these keep the three products within ~65% of one another. */
.is-scroll-stack .technology-steps {
grid-template-rows: 13% 25% 62%;
/* narOS + nash removal: three-beat bands were 13% 25% 62%. */
grid-template-rows: 30% 70%;
}
/* One line each: side by side these two need ~360px of tracking-heavy mono, which