930199fd12
- 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>
44 lines
3.8 KiB
Plaintext
44 lines
3.8 KiB
Plaintext
{# contact-form override — magazine-bold enquiry form. ALL form wiring preserved verbatim from builtin: bid, {% form %} action/hx attrs, honeypot, field loop, form.submitted/errors, submit target. Only inputs restyled to hairline magazine-bold fields. #}
|
|
{% with bid=_block_id|default:context.blockId %}
|
|
<section data-block-override="magazine-bold:contact-form" id="contact-form-{{ bid }}" class="py-16 md:py-24 bg-background text-foreground{% if class %} {{ class }}{% endif %}">
|
|
<div class="mx-auto max-w-2xl px-4">
|
|
{% if form.submitted %}
|
|
<div class="mb-panel bg-card p-10 text-center">
|
|
<div class="mx-auto mb-4 inline-flex h-12 w-12 items-center justify-center rounded-full text-[hsl(var(--accent))]" style="box-shadow:inset 0 0 0 1px hsl(var(--accent));"><svg width="24" height="24" class="inline-block h-6 w-6" aria-hidden="true"><use href="/icons/lucide.svg#check"></use></svg></div>
|
|
<p class="text-lg italic" style="font-family:var(--font-body, 'Inter', system-ui, sans-serif);">{{ form.message|default:successMessage|default:"Thank you. Your table request has been received." }}</p>
|
|
</div>
|
|
{% else %}
|
|
<div class="text-center">
|
|
{% if heading %}<h2 class="mb-caps text-3xl md:text-4xl" style="font-family:var(--font-heading, 'Archivo Black', 'Arial Black', sans-serif);color:hsl(var(--foreground));">{{ heading }}</h2>{% endif %}
|
|
{% if description %}<p class="mt-3 text-lg italic" style="color:hsl(var(--muted-foreground));font-family:var(--font-body, 'Inter', system-ui, sans-serif);">{{ description }}</p>{% endif %}
|
|
<span class="mb-rule w-16 mx-auto mt-5 mb-2 block" aria-hidden="true"></span>
|
|
</div>
|
|
{% if form.errors._form %}<div class="mt-6 border border-destructive/50 bg-destructive/10 px-4 py-3 text-sm text-destructive">{{ form.errors._form }}</div>{% endif %}
|
|
{% with formAction="/api/blocks/"|add:bid|add:"/submit" formTarget="#contact-form-"|add:bid %}
|
|
{% form action=formAction hx_target=formTarget hx_swap="outerHTML" class="mt-8 grid grid-cols-1 gap-5 sm:grid-cols-2" %}
|
|
{% for field in fields %}
|
|
<div class="{% if field.width == "half" %}sm:col-span-1{% else %}sm:col-span-2{% endif %}">
|
|
{% if field.label %}<label for="cf-{{ bid }}-{{ field.name }}" class="mb-caps text-muted-foreground mb-1.5 block text-xs">{{ field.label }}{% if field.required %} <span class="text-destructive">*</span>{% endif %}</label>{% endif %}
|
|
{% if field.type == "textarea" %}
|
|
<textarea id="cf-{{ bid }}-{{ field.name }}" name="{{ field.name }}" rows="5"{% if field.required %} required{% endif %}{% if field.placeholder %} placeholder="{{ field.placeholder }}"{% endif %} class="mb-input"></textarea>
|
|
{% elif field.type == "select" %}
|
|
<select id="cf-{{ bid }}-{{ field.name }}" name="{{ field.name }}"{% if field.required %} required{% endif %} class="mb-input">
|
|
{% if field.placeholder %}<option value="">{{ field.placeholder }}</option>{% endif %}
|
|
{% for opt in field.options %}<option value="{{ opt.value }}">{{ opt.label|default:opt.value }}</option>{% endfor %}
|
|
</select>
|
|
{% else %}
|
|
<input id="cf-{{ bid }}-{{ field.name }}" name="{{ field.name }}" type="{{ field.type|default:"text" }}"{% if field.required %} required{% endif %}{% if field.placeholder %} placeholder="{{ field.placeholder }}"{% endif %} class="mb-input">
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
<div class="hidden" aria-hidden="true"><label>Leave this field empty<input type="text" name="website" tabindex="-1" autocomplete="off"></label></div>
|
|
<div class="sm:col-span-2 flex justify-center">
|
|
<button type="submit" class="mb-button inline-flex items-center justify-center">{{ submitLabel|default:"Request a table" }}</button>
|
|
</div>
|
|
{% endform %}
|
|
{% endwith %}
|
|
{% endif %}
|
|
</div>
|
|
</section>
|
|
{% endwith %}
|