10cecadef6
Layout/whitespace: - Hero: gate min-h-[75vh] + vertical-centering on hasImage so the text-only masthead no longer floats in ~800px of dead space; large display headline via CSS class (was collapsed to 0.72rem by editorial-caps clobbering text-6xl). - Restore heading hierarchy: swap editorial-caps -> editorial-heading on every title/headline element (hero, card, newsletter, contact-form, cta, countdown, feature-grid, team, featured-posts, post-hero, menu-list, hours-location, author-bio-hero, password-reset-form). Masthead wordmarks (navbar/footer) keep editorial-caps by design. - Home "river": constrain to a 48rem reading measure and add vertical rhythm (editorial-river/editorial-flow CSS) so stacked essay cards stop fusing into one seam-y block and body text no longer runs full-bleed wide. - Newsletter: remove stray empty double-hairline artifact (single centered rule). - Image: guard empty src so absent media no longer renders an empty muted box. Mobile / JIT-safety: - New width/spacing/hero-title behavior defined as theme CSS in manifest input_css_append (not JIT-scanned Tailwind), so it always compiles. - Marginalia stack breakpoint widened 768px -> 1023px to match the article grid collapse, so the rail always gets its separator when stacked. Build + check-safety green (32 checks: 19 ok 13 skip). No version bump. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
14 lines
1.3 KiB
Plaintext
14 lines
1.3 KiB
Plaintext
{# newsletter-signup (editorial) — the {% signup_form %} tag carries the #}
|
|
{# untouchable subscribe wiring (/api/lists/subscribe HTMX post + honeypot); #}
|
|
{# this template wraps it in a quiet editorial-panel — no loud filled band. #}
|
|
<section data-block-override="editorial:newsletter-signup" class="py-12 bg-background text-foreground md:py-16{% if class %} {{ class }}{% endif %}">
|
|
<div class="mx-auto max-w-3xl px-4">
|
|
<div class="editorial-panel {% if layout == "inline" %}bg-card px-6 py-12 text-card-foreground md:px-12{% else %}bg-card px-6 py-12 text-card-foreground md:px-10{% endif %} text-center">
|
|
<div class="mb-5 flex justify-center"><span class="editorial-rule w-12"></span></div>
|
|
{% if title %}<h2 class="editorial-heading text-2xl md:text-3xl" style="font-family:var(--font-heading, "Playfair Display", Georgia, serif)">{{ title }}</h2>{% endif %}
|
|
{% if description %}<p class="mx-auto mt-4 max-w-xl {% if layout == "inline" %}text-muted-foreground{% else %}text-muted-foreground{% endif %}" style="font-family:var(--font-body, "Source Serif 4", "Source Serif Pro", Georgia, serif)">{{ description }}</p>{% endif %}
|
|
<div class="mx-auto mt-6 max-w-md">{% signup_form list=listSlug source=source submit=submitText success_message=successMessage placeholder=placeholder %}</div>
|
|
</div>
|
|
</div>
|
|
</section>
|