f5af05fd5f
- Replace ::icon:: shortcodes with explicit sized <svg><use> (events_marquee, membership_tiers, button, hours-location, divider). - Add width/height presentation attrs to every <use> SVG (recipe 4d guard). - hero: field.text -> field|get:"text"|default:field (bare-string seed fields no longer error the block to EMPTY — About orphaned-rule root cause). - reveal script: rAF kick + all() no-scroll fallback 2600ms -> 650ms across all templates so above/below-fold content never strands invisible without scroll. - article: render aside + vertical divider only when slots.aside is non-empty (kills the empty fenced right column); narrow single-column when no aside. - presets: deeper near-black backgrounds, higher-contrast foregrounds, richer brass/gold accents across all five palettes (light + dark). - divider/quote: retire busy reel-strip sunburst for clean centred gold rules. - seed: longer members-club articles; wire licensed noir stock imagery (bar-scene B&W hero, bar-shelf About, bar-interior/dark-lounge blog cards). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
14 lines
1.6 KiB
Plaintext
14 lines
1.6 KiB
Plaintext
<section data-block-override="gotham:rich-section" class="py-16 md:py-24 {% if background == "muted" %}bg-muted text-foreground{% elif background == "card" %}bg-card text-card-foreground{% else %}bg-background text-foreground{% endif %}{% if class %} {{ class }}{% endif %}">
|
|
<div class="mx-auto grid max-w-6xl items-center gap-10 px-4 md:grid-cols-2 md:gap-16">
|
|
<div class="{% if mediaPosition == "left" %}md:order-2{% else %}md:order-1{% endif %}">
|
|
{% if eyebrow %}<div class="mb-3 flex items-center gap-4"><span class="reel-rule w-12"></span><p class="reel-caps text-xs text-primary">{{ eyebrow }}</p></div>{% endif %}
|
|
{% if heading %}<h2 class="reel-caps reel-underline mt-2 text-3xl text-foreground md:text-4xl" style="font-family:var(--font-heading, 'Antonio', 'Oswald', 'Bebas Neue', sans-serif)">{{ heading }}</h2>{% endif %}
|
|
{% if body %}<div class="mt-4 space-y-4 text-lg text-muted-foreground [&_a]:text-primary [&_a]:underline [&_strong]:text-foreground" style="font-family:var(--font-body, 'Cormorant Garamond', 'Cormorant', Georgia, serif)">{{ body|safe }}</div>{% endif %}
|
|
{% if ctaUrl and ctaLabel %}<a href="{{ ctaUrl }}" class="reel-btn mt-6 inline-flex items-center gap-2">{{ ctaLabel }}<svg class="h-4 w-4" width="16" height="16" aria-hidden="true"><use href="/icons/lucide.svg#arrow-right"></use></svg></a>{% endif %}
|
|
</div>
|
|
<div class="{% if mediaPosition == "left" %}md:order-1{% else %}md:order-2{% endif %}">
|
|
{% if media %}<div class="reel-mat overflow-hidden">{% img media alt=mediaAlt class="w-full h-auto object-cover" %}</div>{% endif %}
|
|
</div>
|
|
</div>
|
|
</section>
|