885dd372e7
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>
23 lines
2.8 KiB
Plaintext
23 lines
2.8 KiB
Plaintext
<div class="lcars-stack {{ class }}" data-block="lcars:auth-form">
|
|
<input type="radio" name="lcars-auth-tab" id="lcars-auth-login" class="lcars-auth-radio" style="display:none;"{% if default_tab != "register" %} checked{% endif %}>
|
|
<input type="radio" name="lcars-auth-tab" id="lcars-auth-register" class="lcars-auth-radio" style="display:none;"{% if default_tab == "register" %} checked{% endif %}>
|
|
<div class="lcars-auth-tabs" style="display:flex; gap:1.5rem; border-bottom:1px solid hsl(var(--border));">
|
|
<label for="lcars-auth-login" class="lcars-auth-tab lcars-label" style="cursor:pointer; padding:0.75rem 0;">Sign in</label>
|
|
<label for="lcars-auth-register" class="lcars-auth-tab lcars-label" style="cursor:pointer; padding:0.75rem 0;">Create account</label>
|
|
</div>
|
|
<div id="auth-message" role="status" aria-live="polite"></div>
|
|
<form class="lcars-auth-panel lcars-auth-panel-login lcars-form" hx-post="/api/auth/login" hx-target="#auth-message" hx-swap="innerHTML">
|
|
<div class="lcars-field lcars-field--full"><label class="lcars-label" for="lcars-login-email">Email</label><input class="lcars-input" type="email" name="email" id="lcars-login-email" required></div>
|
|
<div class="lcars-field lcars-field--full"><label class="lcars-label" for="lcars-login-password">Password</label><input class="lcars-input" type="password" name="password" id="lcars-login-password" required></div>
|
|
<button type="submit" class="lcars-btn-primary" hx-disabled-elt="this" style="width:100%; justify-content:center;">Sign in</button>
|
|
<p class="lcars-form-note" style="text-align:center;"><a href="/forgot-password" style="color: hsl(var(--accent)); text-decoration: underline; text-underline-offset: 2px;">Forgot password?</a></p>
|
|
</form>
|
|
<form class="lcars-auth-panel lcars-auth-panel-register lcars-form" hx-post="/api/auth/register" hx-target="#auth-message" hx-swap="innerHTML">
|
|
<div class="lcars-field lcars-field--full"><label class="lcars-label" for="lcars-reg-username">Username</label><input class="lcars-input" type="text" name="username" id="lcars-reg-username" required pattern="[a-zA-Z0-9_-]{3,30}"></div>
|
|
<div class="lcars-field lcars-field--full"><label class="lcars-label" for="lcars-reg-email">Email</label><input class="lcars-input" type="email" name="email" id="lcars-reg-email" required></div>
|
|
<div class="lcars-field lcars-field--full"><label class="lcars-label" for="lcars-reg-password">Password</label><input class="lcars-input" type="password" name="password" id="lcars-reg-password" required minlength="8"></div>
|
|
<button type="submit" class="lcars-btn-primary" hx-disabled-elt="this" style="width:100%; justify-content:center;">Create account</button>
|
|
</form>
|
|
<style>.lcars-auth-panel{display:none;} #lcars-auth-login:checked ~ .lcars-auth-panel-login{display:grid;} #lcars-auth-register:checked ~ .lcars-auth-panel-register{display:grid;}</style>
|
|
</div>
|