themes-lcars/templates/lcars/blog-index.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

20 lines
1.6 KiB
Plaintext

<!doctype html>
<html lang="en">
{{ head_html|safe }}
<body class="lcars-page" style="margin:0;min-height:100vh;display:flex;flex-direction:column;background-color:hsl(var(--background));color:hsl(var(--foreground));">
{{ admin_banner_html|safe }}
<div class="lcars-frame" style="flex:1 1 auto;">
<div class="lcars-elbow-top"><div class="lcars-elbow-corner lcars-elbow-tl"></div><div class="lcars-bar lcars-bar-top"></div></div>
{% if slots.header %}<header class="lcars-well" style="padding-top:0.25rem;padding-bottom:0.25rem;">{{ slots.header|safe }}</header>{% endif %}
<main class="lcars-well" style="flex:1 1 auto;padding-top:2rem;padding-bottom:2.5rem;" data-content-well>
{% if title %}<div style="border-bottom:0.1875rem solid hsl(var(--primary));padding-bottom:0.75rem;margin-bottom:2rem;"><p class="lcars-eyebrow">Broadcast Log</p><h1 class="lcars-heading lcars-heading-1" style="margin:0;">{{ title }}</h1>{% if page_meta.MetaDescription %}<p class="lcars-lede" style="max-width:60ch;margin:0.75rem 0 0;">{{ page_meta.MetaDescription }}</p>{% endif %}</div>{% endif %}
{% if slots.featured %}<section style="margin-bottom:2.5rem;">{{ slots.featured|safe }}</section>{% endif %}
{% if slots.main %}<section>{{ slots.main|safe }}</section>{% else %}<p class="lcars-readout">No episodes logged yet.</p>{% endif %}
</main>
<div class="lcars-elbow-bottom"><div class="lcars-elbow-corner lcars-elbow-bl"></div><div class="lcars-bar lcars-bar-bottom"></div></div>
</div>
{% if slots.footer %}<footer style="margin-top:auto;">{{ slots.footer|safe }}</footer>{% endif %}
{{ body_end_html|safe }}
</body>
</html>