Tone down hero name, crop new avatar, drop em-dashes
My Gatsby Deployment pipeline / build-and-deploy (push) Successful in 3m46s

Make the name a quiet heading and let the one-line thesis lead the hero.
Replace the portrait with a center-cropped 4:5 version of the new photo
(downscaled 1.2 MB -> 91 KB) and drop the now-pointless grayscale hover.
Remove em-dashes from copy (restructured prose; en-dashes for year ranges;
mid-dot in the page titles).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-28 17:24:10 +02:00
parent 8856e7c273
commit 4525837081
4 changed files with 25 additions and 29 deletions
+11 -15
View File
@@ -1,5 +1,5 @@
/*
thiessen.io personal site
thiessen.io personal site
Swiss-minimal direction. Display: Space Grotesk · Body: Hanken Grotesk · Mono: Space Mono.
One accent (signal cobalt), used only for links and the live timeline node.
*/
@@ -138,22 +138,22 @@ a { color: inherit; }
.hero__name {
font-family: var(--font-display);
font-weight: 600;
font-size: clamp(3rem, 9.5vw, 7rem);
line-height: 0.92;
letter-spacing: -0.035em;
font-weight: 500;
font-size: clamp(1.5rem, 2.6vw, 1.9rem);
line-height: 1.1;
letter-spacing: -0.005em;
margin: 0;
}
.hero__lead {
font-family: var(--font-display);
font-weight: 400;
font-size: clamp(1.35rem, 2.7vw, 2rem);
line-height: 1.18;
letter-spacing: -0.01em;
font-weight: 500;
font-size: clamp(1.5rem, 3.2vw, 2.35rem);
line-height: 1.16;
letter-spacing: -0.015em;
color: var(--ink);
max-width: 30ch;
margin: 1.75rem 0 0;
max-width: 26ch;
margin: 1rem 0 0;
}
.hero__meta {
@@ -194,12 +194,8 @@ a { color: inherit; }
object-fit: cover;
border-radius: 6px;
border: 1px solid var(--mist);
filter: grayscale(100%) contrast(1.02);
transition: filter 0.4s ease;
}
.portrait img:hover { filter: grayscale(0%); }
/* ---------- profile ---------- */
.prose p {