d2d27b8dd9
- seed: wire 6 licensed cosmic images (hero split art, episode cover, episode-card + about slots); kills the empty grey hero/cover boxes with real art - theme fix: rich-section + episode_console render a labeled LCARS console-art readout for unset image slots instead of a bare grey rectangle - dead space: home hero -> split layout (image fills post-CTA void); lengthen first-contact episode log to ~11 paragraphs (starfleet-log voice), warp/terraforming to 5 - SVG geometry guard: explicit width/height on all <use> icon SVGs; full shortcode sweep (::pack:name:size:: -> sized <svg><use>) across every override Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
8 lines
1.8 KiB
Plaintext
8 lines
1.8 KiB
Plaintext
{# feature-grid override — Swiss cells, each led by a Bauhaus square mark. #}
|
|
<section class="lcars-section {{ class }}"><div class="lcars-content-well">
|
|
{% if eyebrow %}<p class="lcars-eyebrow">{{ eyebrow }}</p>{% endif %}
|
|
{% if heading %}<h2 class="lcars-heading" style="font-size: clamp(1.75rem, 3vw, 2.25rem); margin: 0 0 0.75rem 0;"><span class="lcars-heading-h2-accent">{{ heading }}</span></h2>{% endif %}
|
|
{% if intro %}<p class="lcars-lede" style="max-width: 60ch; margin: 0 0 2.5rem 0; color: hsl(var(--muted-foreground));">{{ intro }}</p>{% endif %}
|
|
{% if items %}<div class="lcars-grid {% if columns == 2 %}lcars-grid-2{% elif columns == 4 %}lcars-grid-4{% else %}lcars-grid-3{% endif %}">{% for item in items %}<div class="lcars-feature">{% if item.icon %}<span class="lcars-mark lcars-mark-square" aria-hidden="true"><svg width="16" height="16" class="lcars-inline-icon" aria-hidden="true"><use href="/icons/{{ item.icon|split:":"|first }}.svg#{{ item.icon|split:":"|last }}"/></svg></span>{% else %}<span class="lcars-mark lcars-mark-square" aria-hidden="true"></span>{% endif %}{% if item.title %}<h3 class="lcars-feature-title">{% if item.linkUrl %}<a href="{{ item.linkUrl }}" style="color: inherit; text-decoration: none;">{{ item.title }}</a>{% else %}{{ item.title }}{% endif %}</h3>{% endif %}{% if item.text %}<p class="lcars-text" style="font-size: 0.9375rem; line-height: 1.6; color: hsl(var(--muted-foreground));">{{ item.text }}</p>{% endif %}{% if item.linkUrl and item.linkLabel %}<a class="lcars-btn-ghost" href="{{ item.linkUrl }}" style="margin-top: 0.75rem;">{{ item.linkLabel }}<svg width="16" height="16" class="lcars-inline-icon" aria-hidden="true"><use href="/icons/lucide.svg#arrow-right"/></svg></a>{% endif %}</div>{% endfor %}</div>{% endif %}
|
|
</div></section>
|