4 Commits

Include renames

Author	SHA1	Message	Date
hoelee	84b412470b	style(related): two-up on desktop, one-up on phones ... Six photo cards in 2 columns (3 rows) at desktop widths; phones collapse to a single full-width column and still show only the first four. Drops the 900px two-column step (now the base) and the cramped-card type overrides that only existed for the 2-up phone grid.	2026-10-20 23:16:17 +08:00
hoelee	7f2680ea92	feat(related): photo cards — 6 on desktop, 4 on phones, each post's own share card ... Related posts were 4 text-only cards. They now carry the post's language-specific ogImage (/og/<slug>.jpg for EN, /og/zh-<slug>.jpg for ZH), so an English page never shows Chinese art. Grid is 3 across above 900px, 2 across below, and phones show the first 4 only; read-time is dropped under 600px so the date fits. Verified in the built HTML + headless Chrome at 1264/884/500px: 3/2/2 columns, 6/6/4 visible cards, no horizontal overflow, all six images decoded.	2026-10-20 22:50:37 +08:00
hoelee	f364084284	perf(images): WebP banners, text-only related cards, resized list thumbnails ... Measured before/after with headless Chrome + CDP (not by eye): - article banner: <picture> WebP q78 with the PNG as fallback, because the PNG must stay for og:image (social scrapers do not reliably render WebP cards). 70 banners: 6.02 MB -> 2.52 MB (42%). JPEG measured *larger* than PNG here (q85 = 129%) — the art is flat terminal-style with sharp text edges. - post page related cards: dropped four 1200x630 PNGs (183 KB) to display 526x276 where the embedded code is illegible; now text-only cards with a category badge, date and reading time. - list thumbnails (home + archive): new /og/thumb/<name>-{400,800}.webp served via srcset/sizes. Rows display at ~398px but were pulling full 1200x630 PNGs. Homepage thumbnails ~450 KB -> 62 KB; archive (71 rows) ~3.2 MB -> 436 KB. - desktop banner capped at 720px centred: 67% -> 45% of a 900px viewport, keeping the art intact instead of cropping it. Post page totals: images 277 KB -> 38 KB; page height 5758 -> 5065 (desktop) and 9423 -> 8807 (mobile). Build: 163 pages. Script: scripts/optimize-images.py; policy: docs/design-guide.md §3; runbook step added to docs/ops-runbook.md.	2026-10-16 17:11:27 +08:00
hoelee	a0b238bc98	feat: design-system upgrade + brand to 'Mr Hoelee' ... - Extract CSS into src/styles/global.css with design tokens (hoelee.com brand palette) - Self-hosted Inter + JetBrains Mono via @fontsource - Sticky nav + manual light/dark toggle + copy-button code blocks - Author card + Person JSON-LD (E-E-A-T), article meta, related posts, reading time - Full SEO: canonical, OG (with dims), twitter:card, favicon (all sizes), RSS + sitemap - New /categories/ and /categories/[category]/ pages - Add docs/ knowledge guides (content, design, seo, ops) + README index - Brand name: hoelee.dev -> Mr Hoelee	2026-09-06 06:21:28 +08:00