From 2cd507718b6824794b2b61d46f5e0e277743b79b Mon Sep 17 00:00:00 2001 From: Youssef Date: Thu, 7 May 2026 10:46:57 +0100 Subject: [PATCH] =?UTF-8?q?Drop=20Roman=20numerals=20from=20skills=20secti?= =?UTF-8?q?on=20=C2=B7=20perfect=20left-alignment?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit · Removed the 4 .skill-row__num spans (I/II/III/IV) from index.html. · Collapsed .skill-row__head from 4rem 1fr two-column grid to single column — section labels, verb headings, and body content all hang from the same left content edge now. · Dropped the 4rem padding-inline-start from .skill-row__body and .skill-row__body--full so demo content aligns with the verb title above it (was previously indented to clear the numeral gutter). · Removed the .skill-row__num base + per-theme override blocks from sections.css since the markup no longer exists. Co-Authored-By: Claude Opus 4.7 (1M context) --- site/css/sections.css | 56 ++++--------------------------------------- site/index.html | 4 ---- 2 files changed, 4 insertions(+), 56 deletions(-) diff --git a/site/css/sections.css b/site/css/sections.css index fcdac7d..0317238 100644 --- a/site/css/sections.css +++ b/site/css/sections.css @@ -572,50 +572,11 @@ .skill-row__head { display: grid; - grid-template-columns: 4rem 1fr; - gap: var(--space-md); - align-items: start; + grid-template-columns: 1fr; + gap: var(--space-xs); margin-block-end: var(--space-md); } -@media (max-width: 60rem) { - .skill-row__head { - grid-template-columns: 1fr; - gap: var(--space-xs); - } -} - -.skill-row__num { - font-family: var(--font-serif); - font-style: italic; - font-weight: 500; - font-size: clamp(3.5rem, 5vw + 0.5rem, 6rem); - line-height: 0.9; - color: var(--color-muted); - letter-spacing: -0.01em; - user-select: none; - padding-block-start: 0.05em; - font-feature-settings: "tnum"; -} - -@media (max-width: 60rem) { - .skill-row__num { display: none; } -} - -[data-theme="brutal"] .skill-row__num, -[data-theme="manifesto"] .skill-row__num, -[data-theme="terminal"] .skill-row__num, -[data-theme="sport"] .skill-row__num, -[data-theme="almanac"] .skill-row__num, -[data-theme="quiet"] .skill-row__num, -[data-theme="bloom"] .skill-row__num, -[data-theme="riso"] .skill-row__num { - font-family: var(--font-mono); - font-style: normal; - font-weight: 500; - font-size: clamp(3rem, 4.5vw + 0.4rem, 5rem); -} - .skill-row__head-body { display: grid; gap: var(--space-sm); @@ -709,28 +670,19 @@ grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--space-xl); align-items: start; - padding-inline-start: 4rem; } @media (max-width: 60rem) { .skill-row__body { grid-template-columns: 1fr; gap: var(--space-lg); - padding-inline-start: 0; } } -/* Full-width body — no right info column. Used by Refine + Redesign - so the before/after diptych takes the whole row width. */ +/* Full-width body — no right info column. Used by Redesign so the + before/after diptych takes the whole row width. */ .skill-row__body--full { grid-template-columns: 1fr; - padding-inline-start: 4rem; -} - -@media (max-width: 60rem) { - .skill-row__body--full { - padding-inline-start: 0; - } } .skill-row__demo { diff --git a/site/index.html b/site/index.html index b96fda1..6d3689c 100644 --- a/site/index.html +++ b/site/index.html @@ -342,7 +342,6 @@
  • -

    Build (default)

    Ask for a page. Get a page that doesn't look generated. Hallmark picks a macrostructure first, then dresses it — and refuses to repeat the same shape twice.

    @@ -372,7 +371,6 @@
  • -

    Study

    Paste a design you admire. Hallmark reads its structure, not its pixels — and returns a 10-field DNA card you can build against. Never copies. Never claims to ID fonts.

    @@ -407,7 +405,6 @@
  • -

    Audit

    Point Hallmark at a page. Get a ranked punch list of what's wrong — scored against the anti-pattern catalogue. No edits. Just the diagnosis.

    @@ -465,7 +462,6 @@
  • -

    Redesign

    Same content. Same brand. Different bones. Hallmark throws out the structural fingerprint and rebuilds with a deliberately different one — new section rhythm, new heading placement, new component voice.