themes-lcars/blocks/crew_roster.ninjatpl
Alex Dunmow 885dd372e7 feat(lcars): Wave A theme rebuild — sci-fi podcast persona (WO-TF-020)
Full LCARS library-computer interface for a sci-fi podcast/media outfit.
Codeless .bnp. Re-skins every mandatory builtin inside LCARS framing and
ships the full Wave A surface.

- 49 mandatory template overrides (chrome, marketing, primitives, commerce,
  blog family, auth, page-suggestions), field-faithful re-skins of the frozen
  builtin defaults; identity carried by the lcars-* class system.
- 8 page templates (default+sidebar rail, full-width, full-display, landing,
  article, blog-index, contact, auth) with elbow-frame chrome.
- 4 persona blocks: episode_console, crew_roster, stardate_log,
  transmission_status. Legacy lcars_header/sidebar/panel removed (now overrides
  + page chrome).
- 5 dual-mode presets (canonical black + daylight-ops cream), all 19 tokens.
- Bundled Antonio + Share Tech Mono (OFL); email-safe LCARS wrapper.
- Seed "Subspace Signal": home, about, 3 episodes+articles, contact
  (hail_signals table + row_inserted email-admins workflow), login.
- GO BIG motion: dependency-free canvas panel-sweep on the hero (lazy-init,
  reduced-motion static frame, no-JS fallback).

Build + check-safety green. Visual UNVERIFIED until Wave B. Known frozen-cms
limits (contract §11 auth/404 non-dispatch, §12 provider-backed empty lists)
authored faithfully.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-05 12:22:22 +08:00

12 lines
1.4 KiB
Plaintext

<section class="lcars-section {{ class }}" data-block="lcars:crew_roster"><div class="lcars-well">
{% if eyebrow %}<p class="lcars-eyebrow">{{ eyebrow }}</p>{% endif %}
{% if heading %}<h2 class="lcars-heading lcars-heading-2" style="margin-bottom:1.75rem;"><span class="lcars-heading-h2-accent">{{ heading }}</span></h2>{% endif %}
{% if members %}<div class="lcars-leadership-grid">{% for m in members %}
<article class="lcars-card" style="padding:1.25rem;">
<div style="display:flex;align-items:center;gap:0.875rem;">{% if m.avatar %}<span class="lcars-avatar" style="width:3.25rem;height:3.25rem;flex:none;overflow:hidden;display:inline-block;">{% img m.avatar alt=m.name|default:"Crew" %}</span>{% else %}<span class="lcars-pill" style="width:3.25rem;height:3.25rem;border-radius:0 1.625rem 1.625rem 0;flex:none;"></span>{% endif %}<div style="min-width:0;">{% if m.name %}<div class="lcars-panel-title" style="font-size:1.0625rem;letter-spacing:0.08em;">{{ m.name }}</div>{% endif %}{% if m.role %}<div class="lcars-stat-label" style="margin-top:0.125rem;">{{ m.role }}</div>{% endif %}</div></div>
{% if m.callsign %}<div class="lcars-readout" style="margin-top:0.75rem;font-size:0.8125rem;">Callsign {{ m.callsign }}</div>{% endif %}
{% if m.bio %}<p class="lcars-text" style="font-size:0.9375rem;color:hsl(var(--muted-foreground));margin-top:0.5rem;">{{ m.bio }}</p>{% endif %}
</article>
{% endfor %}</div>{% endif %}
</div></section>