8da60d7d5a
Re-skin gotham to the locked nightlife / private members' club persona: cinematic near-black luxe, brass hairline accents, letterboxed heroes and tall condensed display type. Codeless .bnp; MID motion tier (JS effects, no canvas), prefers-reduced-motion honored, no-JS fallback. - 49 mandatory builtin overrides in templates/overrides/gotham/ (chrome, marketing, primitives, commerce/local, blog family, auth surface, 404). Field reads, provider fields, form wiring and block JS preserved verbatim from the frozen builtins (cms a0f07e2ae); only presentation reskinned. - 8 page templates (default, landing, article, full-width, blog-index, contact, auth + retained centered), dual-mode via theme_mode. - 4 persona blocks: door_strip, events_marquee, membership_tiers, bottle_menu. Removed old theme blocks that duplicated builtins (hero, stats, features, footer) — now overrides. - 5 dual-mode presets (all 19 tokens, light + dark intentional). - Bundled OFL woff2: Antonio (heading), Cormorant Garamond (body), Inter (meta), IBM Plex Mono (mono); all font-family via var(--font-*). - Themed email-safe wrapper, master pages, seed demo (home/about/blog x3/ contact+workflow/login) in private-club voice. - Gotham utility CSS (reel-*, film-grain, spotlight, letterbox-scrim, reveal) via manifest css.input_css_append; semantic color tokens only. - plugin.mod kind="theme", required_icon_packs=["lucide"]; *.bnp gitignored. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
12 lines
1.6 KiB
Plaintext
12 lines
1.6 KiB
Plaintext
{# image override — stepped gold Deco frame. Fields mirror builtin: src, alt, caption, size, align, aspectRatio, objectFit. Media resolved via {% img %} (media filter is not registered in the block render path). #}
|
|
{% with size=size|default:"full" align=align|default:"center" objectFit=objectFit|default:"cover" %}
|
|
<figure data-block-override="gotham:image" class="my-8 flex-1 {% if align == "left" %}flex justify-start{% elif align == "right" %}flex justify-end{% else %}flex justify-center{% endif %}{% if class %} {{ class }}{% endif %}">
|
|
<div class="reel-mat {% if size == "xs" %}max-w-[200px] w-full{% elif size == "sm" %}max-w-[400px] w-full{% elif size == "md" %}max-w-[600px] w-full{% elif size == "lg" %}max-w-[800px] w-full{% else %}w-full{% endif %}">
|
|
<div class="relative overflow-hidden bg-muted {% if aspectRatio == "square" %}aspect-square{% elif aspectRatio == "video" %}aspect-video{% elif aspectRatio == "portrait" %}aspect-[3/4]{% elif aspectRatio == "wide" %}aspect-[21/9]{% endif %}">
|
|
{% if objectFit == "contain" %}{% img src alt=alt class="w-full h-full object-contain" layout=size %}{% elif objectFit == "fill" %}{% img src alt=alt class="w-full h-full object-fill" layout=size %}{% elif objectFit == "none" %}{% img src alt=alt class="w-full h-full object-none" layout=size %}{% else %}{% img src alt=alt class="w-full h-full object-cover" layout=size %}{% endif %}
|
|
</div>
|
|
</div>
|
|
{% if caption %}<figcaption class="mt-3 text-center text-sm italic" style="color:hsl(var(--muted-foreground));font-family:var(--font-body, 'Cormorant Garamond', Georgia, serif);">{{ caption }}</figcaption>{% endif %}
|
|
</figure>
|
|
{% endwith %}
|