Alex Dunmow 930199fd12 fix(magazine-bold): clamp hero headline, article H1, lookbook imagery, drop-cap clearance, SVG geometry guard
- cover_story: clamp headline to its reserved 8-col track (mb-cover-folio) so it
  never crosses the deck column or bleeds off-viewport; kicker + CTA stay in
  frame; deck in a reserved right column; wire duotone cover image.
- article template: render the page <h1> exactly once (was never rendered);
  fix the multi-line ninjatpl comment that failed theme registration.
- lookbook + hero + seed: add seed/media (sneakers, editorial-figure,
  streetwear-look, sneakers-street; studio-portrait avoided) and wire image
  slots; expand the offcut-method article to ~9 paragraphs.
- drop-cap: extra clearance so wrapped lines do not crowd the cap.
- SVG geometry guard: add explicit width/height to all icon <use> SVGs and
  replace icon shortcodes with sized <svg> markup (balloon guard).
- refresh gallery screenshots (home/about/article x light+dark, retina).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-06 19:48:26 +08:00

21 lines
1.3 KiB
Plaintext

<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="antialiased min-h-screen flex flex-col bg-background text-foreground" style="font-family: var(--font-body, &quot;Inter&quot;, system-ui, sans-serif);">
<div class="mb-progress" aria-hidden="true"></div>
{{ admin_banner_html|safe }}
{% if slots.header %}<header class="w-full">{{ slots.header|safe }}</header>{% endif %}
{# Article template owns the page <h1> (seed carries no level-1 heading block); aligned to the article grid's left column edge. #}
<div class="mx-auto w-full max-w-[84rem] px-4 pt-10 md:pt-14">
{% if title %}<h1 class="mb-heading text-4xl sm:text-5xl md:text-7xl" style="max-width:18ch;">{{ title }}</h1>{% endif %}
{% if slots.byline %}<div class="mt-5 mb-caps text-muted-foreground">{{ slots.byline|safe }}</div>{% endif %}
</div>
<div class="mb-article-grid flex-grow pt-6 pb-10 md:pt-8 md:pb-14">
<main class="mb-dropcap mb-prose">{% if slots.main %}{{ slots.main|safe }}{% else %}<p style="color: hsl(var(--muted-foreground));">This essay has no content yet.</p>{% endif %}</main>
<aside class="mb-marginalia">{{ slots.marginalia|safe }}</aside>
</div>
{% if slots.footer %}<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>{% endif %}
{{ body_end_html|safe }}
</body>
</html>