2 Commits

Author	SHA1	Message	Date
Ken	eaef3f8e84	feat: implement three-width layout system (reading, wide, full-bleed) ... Replace the narrow 720px column layout with a three-width breakout system: - Reading width (--width-prose, 720px): prose paragraphs, lists, blockquotes - Wide width (--width-code, 840px): code blocks, inline SVGs, figures, .wide/.breakout - Full width (--width-container, 1100px): hero diagrams, .full elements The outer container is wide; individual content blocks self-constrain via max-width + margin: auto. This creates the narrow-wide-narrow rhythm. Changes: - prose.css: Add .prose > * breakout pattern for three widths, SVG styling - BaseLayout.astro: Remove max-width from main (children handle their own widths) - [...slug].astro: Remove --width-prose constraint from .prose-wrapper - prose.css: Remove old left:50%/translateX(-50%) code block hack	2026-05-27 04:02:12 +00:00
Ken	4455a5ed01	feat: create BaseLayout component with global styles and skip navigation ... - Created src/layouts/BaseLayout.astro as the site's base layout component - Imports tokens.css and fonts.css for design system and typography - Accepts Props {title: string, description?: string} - Computes page title (appends ' — Crash Test Dev' unless title is already 'Crash Test Dev') - Reads import.meta.env.BASE_URL for RSS link generation - HTML structure: doctype, html lang=en, head with charset/viewport/description meta, computed title, RSS link alternate - Body: skip-to-content link, named nav slot, main#main-content with default slot - Global styles: CSS reset, body typography, link styles, skip-link, main container, ::selection - Updated src/pages/index.astro to use BaseLayout with inline style placeholders demonstrating tokens/fonts - Added tests/check-base-layout.mjs build-output test with 23 assertions, all passing	2026-05-26 22:43:02 +00:00