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

22 lines
1.5 KiB
Plaintext

{# page-suggestions (magazine-bold) — 404 suggestions with underlined heading and fluoro markers. Fields: title, showDescription, emptyMessage; suggestions[] (.slug/.title/.excerpt). #}
{% if suggestions %}
<div data-block-override="magazine-bold:page-suggestions" class="page-suggestions py-10">
{% if title %}<h2 class="mb-caps mb-underline mx-auto w-fit text-xl text-center" style="font-family:var(--font-heading, 'Archivo Black', 'Arial Black', sans-serif);color:hsl(var(--foreground));">{{ title }}</h2>{% endif %}
<ul class="mt-6 space-y-3 max-w-lg mx-auto">
{% for suggestion in suggestions %}
<li class="flex items-start gap-3">
<span class="mt-0.5 shrink-0" style="color:hsl(var(--accent));"><svg width="16" height="16" class="inline-block h-4 w-4" aria-hidden="true"><use href="/icons/lucide.svg#chevron-right"></use></svg></span>
<div>
<a href="{{ suggestion.slug }}" class="mb-link font-medium">{{ suggestion.title }}</a>
{% if showDescription and suggestion.excerpt %}<p class="mt-1 text-sm italic" style="color:hsl(var(--muted-foreground));">{{ suggestion.excerpt }}</p>{% endif %}
</div>
</li>
{% endfor %}
</ul>
</div>
{% elif emptyMessage %}
<div data-block-override="magazine-bold:page-suggestions" class="page-suggestions py-10 text-center">
<p class="italic" style="color:hsl(var(--muted-foreground));font-family:var(--font-body, 'Inter', system-ui, sans-serif);">{{ emptyMessage }}</p>
</div>
{% endif %}