From 66c3f6492f9bf4f3cb533007c566e8f17b4eaf83 Mon Sep 17 00:00:00 2001 From: Jonathan Hvid Date: Tue, 12 May 2026 09:52:29 +0200 Subject: [PATCH] style: drop eyebrows + body italics across editorial pages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Applies the v3 rules globally: italics reserved for the Bifrost wordmark and section-links; uppercase tracked eyebrows removed from page heads and content sections. Pages updated: - /members: drops the 'MEMBERS' eyebrow + italic on h1 + italic on member name + italic on pull-quote. - /events: drops the head eyebrow + 'Next up · Members only' / 'Invitation by hand' hero eyebrows + 'Also coming up' / 'Past gatherings' sub-section eyebrows + italics on hero day, hero title, also-row titles, past-card titles. The past-gatherings header-row 'View all →' link migrates to the bottom of the section as a section-link. - /events/past: drops the eyebrow + italic h1; back-link uses .section-link. - /dispatches/: drops the 'DISPATCHES' eyebrow + italic h1 + dispatch-row title italic + date column italic. - /dispatches/[slug]: drops italic on the article title + h2/h3 inside rendered markdown + blockquote italic + adjacent prev/next title italic. Back-link migrates to .section-link. - /roadmap: drops the 'ROADMAP' eyebrow and the .lead class on the subtitle. Orphaned eyebrow class rules left in place; harmless and the next visual pass can sweep them with the rest of the unused CSS. Co-Authored-By: Claude Opus 4.7 (1M context) --- .claude/settings.local.json | 34 ++++++++++++++++++++++++++++++- src/pages/dispatches/[slug].astro | 18 +++------------- src/pages/dispatches/index.astro | 5 +---- src/pages/events.astro | 24 ++++------------------ src/pages/events/past.astro | 18 +++------------- src/pages/members.astro | 15 ++------------ src/pages/roadmap.astro | 3 +-- 7 files changed, 47 insertions(+), 70 deletions(-) diff --git a/.claude/settings.local.json b/.claude/settings.local.json index 9f78736..1b31df2 100644 --- a/.claude/settings.local.json +++ b/.claude/settings.local.json @@ -12,7 +12,39 @@ "Bash(node scripts/seed.js)", "Bash(pnpm typecheck *)", "Bash(pnpm build *)", - "Bash(identify /home/jonathan/Documents/DEV/Project-Bifrost/public/innofounder-logo.png)" + "Bash(identify /home/jonathan/Documents/DEV/Project-Bifrost/public/innofounder-logo.png)", + "Bash(pnpm dev *)", + "Bash(awk '{print $1}')", + "Bash(pnpm db:migrate *)", + "Bash(sqlite3 bifrost.db \".schema users\")", + "Bash(sqlite3 bifrost.db \".schema attendance\")", + "Bash(sqlite3 bifrost.db \"SELECT name FROM sqlite_master WHERE type='table' ORDER BY name;\")", + "Bash(sqlite3 bifrost.db \"SELECT id, name, slug FROM users;\")", + "Bash(node *)", + "Bash(pnpm db:seed:roadmap)", + "Bash(pnpm test *)", + "Bash(curl -sI http://localhost:4321/pulse -b \"bifrost_session=test\")", + "Bash(curl -sI http://localhost:4321/admin)", + "Bash(pnpm db:seed:demo *)", + "Bash(curl -s -c /tmp/jar.txt -b /tmp/jar.txt -d \"email=lars@rigspolitiet.dk&password=cab123\" http://localhost:4321/login -i)", + "Bash(curl -sI -b /tmp/jar.txt http://localhost:4321/)", + "Bash(curl -s -b /tmp/jar.txt http://localhost:4321/pulse)", + "Bash(curl -s -c /tmp/jonjar.txt -b /tmp/jonjar.txt -d \"email=jonathan@fenja.ai&password=fenja123\" http://localhost:4321/login -i)", + "Bash(curl -s -b /tmp/jonjar.txt \"http://localhost:4321/admin?tab=pulses\")", + "Bash(curl -s -b /tmp/jonjar.txt \"http://localhost:4321/admin?tab=roadmap\")", + "Bash(curl -s -b /tmp/jonjar.txt \"http://localhost:4321/admin?tab=events\")", + "Bash(curl -s -b /tmp/jonjar.txt \"http://localhost:4321/admin?tab=activity\")", + "Bash(awk NR>=107 && NR<=117 *)", + "Bash(awk 'NR==111' src/lib/format.ts)", + "Bash(curl -s -c /tmp/jar.txt -d \"email=lars@rigspolitiet.dk&password=cab123\" http://localhost:4321/login -o /dev/null -i)", + "Bash(curl -sI -b /tmp/jar.txt http://localhost:4321/pulse)", + "Bash(curl -s -b /tmp/jar.txt http://localhost:4321/members)", + "Bash(curl -s -b /tmp/jar.txt http://localhost:4321/events)", + "Bash(curl -s -b /tmp/jar.txt http://localhost:4321/dispatches)", + "Bash(curl -s -b /tmp/jar.txt http://localhost:4321/dispatches/1-we-are-deprioritising-public-cloud-parity-for-q3)", + "Bash(pnpm db:seed)", + "Bash(curl -s -c /tmp/jar.txt -d \"email=lars@virk2.dk&password=cab123\" http://localhost:4321/login -o /dev/null -i)", + "Bash(curl -s -c /tmp/jar.txt -d \"email=lars@virk2.dk&password=cab123\" http://localhost:4321/login -o /dev/null)" ] } } diff --git a/src/pages/dispatches/[slug].astro b/src/pages/dispatches/[slug].astro index d70fbc6..e889cfa 100644 --- a/src/pages/dispatches/[slug].astro +++ b/src/pages/dispatches/[slug].astro @@ -38,7 +38,7 @@ const bodyHtml = renderMd(d.body);
- ← All dispatches + ← All dispatches
@@ -50,7 +50,7 @@ const bodyHtml = renderMd(d.body);
-

{d.title}

+

{d.title}

@@ -103,15 +103,7 @@ const bodyHtml = renderMd(d.body); gap: var(--space-6); } - .back-link { - color: var(--on-surface-muted); - text-decoration: none; - border-bottom: none; - letter-spacing: var(--tracking-wide); - text-transform: uppercase; - align-self: flex-start; - } - .back-link:hover { color: var(--on-surface-variant); border-bottom: none; } + .back-link { align-self: flex-start; } .head { display: flex; flex-direction: column; gap: var(--space-4); } @@ -145,7 +137,6 @@ const bodyHtml = renderMd(d.body); color: var(--on-surface); margin: 0; } - .title em { font-style: italic; } .byline { display: flex; @@ -168,7 +159,6 @@ const bodyHtml = renderMd(d.body); .body :global(p) { margin: 0 0 var(--space-4); } .body :global(h2) { font-family: var(--font-serif); - font-style: italic; font-weight: 400; font-size: 1.5rem; margin: var(--space-6) 0 var(--space-3); @@ -183,7 +173,6 @@ const bodyHtml = renderMd(d.body); border-left: 2px solid color-mix(in oklab, var(--pigment-terracotta) 40%, transparent); padding-left: var(--space-4); color: var(--on-surface-variant); - font-style: italic; margin: var(--space-5) 0; } .body :global(code) { @@ -245,7 +234,6 @@ const bodyHtml = renderMd(d.body); .adj-next .adj-kind-pill { align-self: flex-end; } .adj-title { font-family: var(--font-serif); - font-style: italic; color: var(--on-surface); } .adj-empty {} /* placeholder for missing prev/next slot */ diff --git a/src/pages/dispatches/index.astro b/src/pages/dispatches/index.astro index 459cfda..84ea70a 100644 --- a/src/pages/dispatches/index.astro +++ b/src/pages/dispatches/index.astro @@ -24,8 +24,7 @@ function fmt(iso: string): string {
-

Dispatches

-

Notes from the studio.

+

Notes from the studio.

Decisions, half-built ideas, and things we've changed our mind about.

@@ -92,7 +91,6 @@ function fmt(iso: string): string { color: var(--on-surface); margin: 0; } - .head-title em { font-style: italic; } .head-sub { color: var(--on-surface-variant); margin-top: var(--space-3); max-width: 32rem; } .empty { color: var(--on-surface-muted); } @@ -141,7 +139,6 @@ function fmt(iso: string): string { } .d-title { font-family: var(--font-serif); - font-style: italic; font-weight: 400; font-size: 1.25rem; line-height: 1.3; diff --git a/src/pages/events.astro b/src/pages/events.astro index e2da838..70b9701 100644 --- a/src/pages/events.astro +++ b/src/pages/events.astro @@ -55,19 +55,13 @@ const heroAudience = hero?.audience ?? 'Members only';
-

Events

-

Where the council gathers.

+

Where the council gathers.

Dinners, working sessions, the occasional summit. Always small, always off the record.

{hero ? (
-
- Next up · {heroAudience} - Invitation by hand -
-
{weekday(hero.starts_at)} @@ -109,7 +103,7 @@ const heroAudience = hero?.audience ?? 'Members only'; ) : (

- Nothing scheduled yet — when we have something, you'll be the first to know. + Nothing scheduled yet — when we have something, you'll be the first to know.

)} @@ -117,7 +111,6 @@ const heroAudience = hero?.audience ?? 'Members only'; {alsoUpcoming.length > 0 && (
-

Also coming up

    {alsoUpcoming.map(ev => (
  • @@ -148,10 +141,6 @@ const heroAudience = hero?.audience ?? 'Members only'; {past.length > 0 && (
    -
    -

    Past gatherings

    - View all → -
      {past.map(ev => { const monthCode = monthShort(ev.starts_at); @@ -187,6 +176,7 @@ const heroAudience = hero?.audience ?? 'Members only'; ); })}
    + View all past gatherings →
    )} @@ -220,7 +210,7 @@ const heroAudience = hero?.audience ?? 'Members only'; color: var(--on-surface); margin: 0; } - .head-title em { font-style: italic; } + .head-sub { color: var(--on-surface-variant); margin-top: var(--space-3); @@ -278,7 +268,6 @@ const heroAudience = hero?.audience ?? 'Members only'; } .hero-day { font-family: var(--font-serif); - font-style: italic; font-size: 2.75rem; line-height: 1; color: var(--ink-text); @@ -287,7 +276,6 @@ const heroAudience = hero?.audience ?? 'Members only'; .hero-detail { padding-left: var(--space-5); } .hero-title { font-family: var(--font-serif); - font-style: italic; font-weight: 400; font-size: 1.75rem; line-height: 1.2; @@ -377,7 +365,6 @@ const heroAudience = hero?.audience ?? 'Members only'; margin: auto; max-width: 32rem; } - .hero-empty-line em { font-style: italic; } /* ── Section eyebrow shared ──────────────────────────────────── */ .section-eyebrow { @@ -406,7 +393,6 @@ const heroAudience = hero?.audience ?? 'Members only'; } .also-day { font-family: var(--font-serif); - font-style: italic; font-size: 1.5rem; line-height: 1; color: var(--on-surface); @@ -423,7 +409,6 @@ const heroAudience = hero?.audience ?? 'Members only'; .also-body { display: flex; flex-direction: column; gap: 4px; } .also-title { font-family: var(--font-serif); - font-style: italic; font-weight: 400; font-size: 1.0625rem; color: var(--on-surface); @@ -506,7 +491,6 @@ const heroAudience = hero?.audience ?? 'Members only'; .past-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .past-title { font-family: var(--font-serif); - font-style: italic; font-weight: 400; font-size: 1.0625rem; color: var(--on-surface); diff --git a/src/pages/events/past.astro b/src/pages/events/past.astro index 63529f9..cdb040c 100644 --- a/src/pages/events/past.astro +++ b/src/pages/events/past.astro @@ -18,10 +18,9 @@ function fmt(part: Intl.DateTimeFormatOptions, iso: string): string {
    -

    Past gatherings

    -

    The archive.

    +

    The archive.

    Everything the council has gathered around so far.

    - ← Back to upcoming + ← Back to upcoming
    {past.length === 0 ? ( @@ -95,18 +94,8 @@ function fmt(part: Intl.DateTimeFormatOptions, iso: string): string { color: var(--on-surface); margin: 0; } - .head-title em { font-style: italic; } .head-sub { color: var(--on-surface-variant); margin-top: var(--space-3); max-width: 32rem; } - .back-link { - display: inline-block; - margin-top: var(--space-4); - color: var(--on-surface-muted); - text-decoration: none; - border-bottom: none; - letter-spacing: var(--tracking-wide); - text-transform: uppercase; - } - .back-link:hover { color: var(--on-surface-variant); border-bottom: none; } + .back-link { margin-top: var(--space-4); } .empty { color: var(--on-surface-muted); } @@ -152,7 +141,6 @@ function fmt(part: Intl.DateTimeFormatOptions, iso: string): string { .past-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .past-title { font-family: var(--font-serif); - font-style: italic; font-weight: 400; font-size: 1.0625rem; color: var(--on-surface); diff --git a/src/pages/members.astro b/src/pages/members.astro index ec949ad..ad9ee84 100644 --- a/src/pages/members.astro +++ b/src/pages/members.astro @@ -19,8 +19,7 @@ function memberSinceLabel(member: { cab_joined_date: string | null; created_at:
    -

    Members

    -

    The council.

    +

    The council.

    An invited circle of operators shaping what Project Bifrost becomes.

    @@ -82,13 +81,6 @@ function memberSinceLabel(member: { cab_joined_date: string | null; created_at: .members-head { margin-bottom: var(--space-6); max-width: 46rem; } - .members-eyebrow { - letter-spacing: var(--tracking-wider); - text-transform: uppercase; - color: var(--on-surface-variant); - margin-bottom: var(--space-3); - } - .members-title { font-family: var(--font-serif); font-weight: 400; @@ -98,7 +90,6 @@ function memberSinceLabel(member: { cab_joined_date: string | null; created_at: color: var(--on-surface); margin: 0; } - .members-title em { font-style: italic; } .members-sub { color: var(--on-surface-variant); @@ -140,7 +131,6 @@ function memberSinceLabel(member: { cab_joined_date: string | null; created_at: .m-name { font-family: var(--font-serif); - font-style: italic; font-weight: 400; font-size: 1.375rem; line-height: 1.2; @@ -174,8 +164,7 @@ function memberSinceLabel(member: { cab_joined_date: string | null; created_at: padding-left: 12px; border-left: 2px solid color-mix(in oklab, var(--row-pigment) 40%, transparent); font-family: var(--font-serif); - font-style: italic; - font-size: 0.875rem; + font-size: 0.9375rem; line-height: 1.5; color: var(--on-surface); max-width: 38rem; diff --git a/src/pages/roadmap.astro b/src/pages/roadmap.astro index 06e9d69..d5aa51a 100644 --- a/src/pages/roadmap.astro +++ b/src/pages/roadmap.astro @@ -52,9 +52,8 @@ const horizonColors: Record = {
    -

    Roadmap

    What we are building.

    -

    +

    Three horizons. What is in progress now, what comes next, and what is further out. This is the live picture.