Alex Dunmow f5af05fd5f fix(gotham): noir remediation — SVG geometry guards, shortcode→SVG, hero string-vs-object, reveal no-scroll fallback, deeper blacks, seed media
- 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>
2026-07-06 16:31:20 +08:00

16 lines
1.8 KiB
Plaintext

{# divider override — folds in the old divider_fan: gold geometric rules. Fields mirror builtin: variant (line|ornament|spacer-rule), weight, width, icon. ornament renders a sunburst fan crest; spacer-rule a short centred gold rule; line a hairline gold rule. #}
{% with variant=variant|default:"line" weight=weight|default:"thin" width=width|default:"full" %}
{% if variant == "ornament" %}
{% set dicon = icon|default:"lucide:diamond" %}
<div data-block-override="gotham:divider" class="bn-divider mx-auto my-12 flex items-center justify-center gap-4 {% if width == "narrow" %}max-w-[200px]{% elif width == "wide" %}max-w-3xl{% else %}w-full{% endif %}{% if class %} {{ class }}{% endif %}" role="separator">
<span class="reel-rule w-14 sm:w-24" aria-hidden="true"></span>
<span class="shrink-0" style="color:hsl(var(--primary));"><svg class="h-3.5 w-3.5" width="14" height="14" aria-hidden="true"><use href="/icons/{{ dicon|split:":"|first }}.svg#{{ dicon|split:":"|last }}"></use></svg></span>
<span class="reel-rule w-14 sm:w-24" aria-hidden="true"></span>
</div>
{% elif variant == "spacer-rule" %}
<div data-block-override="gotham:divider" class="bn-divider mx-auto py-10 flex justify-center {% if width == "narrow" %}max-w-[200px]{% elif width == "wide" %}max-w-3xl{% else %}w-full{% endif %}{% if class %} {{ class }}{% endif %}" role="separator"><span class="{% if weight == "thick" %}reel-rule-thick{% else %}reel-rule{% endif %} w-16"></span></div>
{% else %}
<div data-block-override="gotham:divider" class="bn-divider mx-auto my-8 flex justify-center {% if width == "narrow" %}max-w-[200px]{% elif width == "wide" %}max-w-3xl{% else %}w-full{% endif %}{% if class %} {{ class }}{% endif %}" role="separator"><span class="{% if weight == "thick" %}reel-rule-thick{% else %}reel-rule{% endif %} w-full"></span></div>
{% endif %}
{% endwith %}