Tone down hero name, crop new avatar, drop em-dashes
My Gatsby Deployment pipeline / build-and-deploy (push) Successful in 3m46s
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:
+11
-15
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user