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

Merge nucleic/mellow-umber-tapir-3e0n into main

Browse Source 
Mirrored from corpo 0d273c8.
This commit is contained in:
abkslm
2026-08-20 23:08:16 -07:00
parent ef4a19a89b
commit fe7d083d21
7 changed files with 98 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/og.html
+17 -12
View File
@@ -5,7 +5,7 @@
This card is a portrait of the page it links to, so every value here is lifted
from src/pages/index.astro rather than invented: the --paper ground, the two
diagonal green ambient washes, the grain that keeps them from banding, Archivo
diagonal green ambient washes, the grain that keeps them from banding, Public Sans
for the statement, JetBrains Mono for the footer, and the 100deg
#cdead9 -> #2f8f5c signature on "future." Change the site's palette or hero and
this file has to follow, or the card goes stale again.
@@ -20,11 +20,10 @@
<meta charset="UTF-8" />
<style>
@font-face {
font-family: 'Archivo';
src: url('../public/fonts/archivo.woff2') format('woff2');
font-family: 'Public Sans';
src: url('../public/fonts/public-sans.woff2') format('woff2');
font-style: normal;
font-weight: 100 900;
font-stretch: 62% 125%;
font-display: block;
}
@@ -55,7 +54,7 @@
overflow: hidden;
background-color: var(--paper);
color: var(--secondary);
font-family: 'Archivo', sans-serif;
font-family: 'Public Sans', sans-serif;
-webkit-font-smoothing: antialiased;
}
@@ -162,12 +161,16 @@
line-height: 1.05;
}
/* margin-left is the site's optical inset: the R carries a left side bearing,
so the box has to hang 0.078em outside the padding for the printed edge of
the headline to land on it. */
/* margin-left is the site's optical inset: the S carries a left side bearing,
so the box has to hang 0.05em outside the padding for the printed edge of
the headline to land on it. Per glyph, not per font — re-measure with the
site's value if the first word of the headline changes.
The size is 0.95x the Archivo-era 132px for the same reason the site's clamp
is: Public Sans prints a taller cap at a given font-size. */
.statement {
margin-left: -0.078em;
font-size: 132px;
margin-left: -0.05em;
font-size: 125px;
font-weight: 600;
letter-spacing: -0.03em;
line-height: 0.98;
@@ -179,9 +182,11 @@
}
/* Line two is locked to line one in em, exactly as on the site, so the
composition holds at whatever size the headline ends up. */
composition holds at whatever size the headline ends up. The card has room
to spare at 1200px; this tracks the site's value so the two compositions
stay the same picture, not because the card needs the slack. */
.statement .line-runs {
margin-left: 2.2em;
margin-left: 2.1em;
}
.statement .that {