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
{# password-reset-form (editorial) — request stage in an editorial-panel with small-caps label. Wiring UNTOUCHABLE: /api/auth/request-password-reset (email), hx-target #reset-message. #}
|
|
<div data-block-override="editorial:password-reset-form" class="password-reset-form editorial-panel mx-auto max-w-md bg-card p-8">
|
|
<div id="reset-message"></div>
|
|
<div id="request-reset-panel" class="text-center">
|
|
<h2 class="editorial-heading text-2xl" style="font-family:var(--font-heading, 'Playfair Display', Georgia, serif);color:hsl(var(--foreground));">Reset password</h2>
|
|
<p class="mt-3 text-sm italic" style="color:hsl(var(--muted-foreground));font-family:var(--font-body, 'Source Serif 4', 'Source Serif Pro', Georgia, serif);">Enter your email and we will send a link to reset your password.</p>
|
|
<form hx-post="/api/auth/request-password-reset" hx-target="#reset-message" hx-swap="innerHTML" class="mt-6 text-left">
|
|
<div class="mb-4"><label class="editorial-caps text-muted-foreground block text-xs mb-1">Email</label><input type="email" name="email" required class="w-full editorial-input" /></div>
|
|
<button type="submit" class="editorial-button w-full" hx-disabled-elt="this">Send reset link</button>
|
|
</form>
|
|
<p class="text-center mt-4 text-sm"><a href="/login" class="editorial-link">Back to sign in</a></p>
|
|
</div>
|
|
</div>
|