98293cf8ab
Full Wave A build to the OVERRIDE-CONTRACT (frozen cms a0f07e2ae): - 49 mandatory builtin overrides in templates/overrides/magazine-bold/, re-skinned to streetwear cover-story chrome (massive condensed uppercase Archivo Black headlines, heavy 2px rules, hard square edges, mono datelines, fluoro accent slabs). Every content field, provider var, custom tag and JS block preserved verbatim from the frozen builtin defaults; legacy button (link/style/label) and card (media/text) field reads already reconciled. - 7 page templates: default, full-width, landing, article, blog-index, contact, auth. - 4 persona blocks (deleted masthead/photo_essay/pull_quote/issue_archive/ colophon — now overrides of navbar/gallery/quote/post-index/footer): cover_story, lookbook, drop_calendar, credits_ticker. - 5 dual-mode presets (newsprint+voltage light / ink-black+fluoro dark), all 19 tokens, dark tuned not inverted. - Bundled OFL woff2: Archivo Black (display), Inter (body), IBM Plex Mono (labels); fonts.json + assets/fonts/LICENSES.md. All font-family via var(--font-heading|body|mono, fallback). - Themed email-safe wrapper (tables, inline styles, streetwear defaults). - Master pages (navbar/footer/slot chrome) + seed demo site (OFFCUT label: home, about, blog + 3 posts, contact with data table + row_inserted → email-admins workflow, login) in fashion-label voice. - MID motion tier: marquee ticker, scroll reveal, duotone hover, scroll progress bar — all prefers-reduced-motion honored with static fallback, no canvas. - Icon packs (lucide, simple-icons) declared in plugin.mod + RECOMMENDED_ICONS. Verified: `make build` exit 0; `check-safety` 32 checks 19 ok 13 skip -> OK. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
34 lines
3.8 KiB
Plaintext
34 lines
3.8 KiB
Plaintext
{# auth-form (magazine-bold) — typographic login/register in an mb-panel with small-caps labels, hairline tab rules and fluoro active tab. Wiring UNTOUCHABLE: single shared #auth-message, /api/auth/login (email,password) and /api/auth/register (username,email,password), hx-target #auth-message, captcha injected from _captcha_widget. #}
|
|
{% if context.isPublicLoggedIn %}
|
|
<div data-block-override="magazine-bold:auth-form" class="auth-form-logged-in mx-auto max-w-md text-center py-8">
|
|
<p class="italic" style="color:hsl(var(--muted-foreground));font-family:var(--font-body, 'Inter', system-ui, sans-serif);">You are signed in as <strong style="color:hsl(var(--foreground));">{{ context.publicUsername }}</strong></p>
|
|
<a href="/account" class="mb-link mt-3 inline-block">My account</a>
|
|
</div>
|
|
{% else %}
|
|
<div data-block-override="magazine-bold:auth-form" class="auth-form mb-panel mx-auto max-w-md bg-card p-8">
|
|
<div id="auth-message"></div>
|
|
<div class="mb-6 flex border-b border-[hsl(var(--border))]">
|
|
<button type="button" onclick="document.getElementById('login-panel').classList.remove('hidden');document.getElementById('register-panel').classList.add('hidden');this.setAttribute('data-active','1');this.nextElementSibling.removeAttribute('data-active');" data-auth-tab {% if default_tab != "register" %}data-active="1"{% endif %} class="mb-caps flex-1 py-2 text-center text-xs border-b-2 border-transparent data-[active]:border-[hsl(var(--accent))] data-[active]:text-[hsl(var(--accent))]">Sign in</button>
|
|
<button type="button" onclick="document.getElementById('register-panel').classList.remove('hidden');document.getElementById('login-panel').classList.add('hidden');this.setAttribute('data-active','1');this.previousElementSibling.removeAttribute('data-active');" data-auth-tab {% if default_tab == "register" %}data-active="1"{% endif %} class="mb-caps flex-1 py-2 text-center text-xs border-b-2 border-transparent data-[active]:border-[hsl(var(--accent))] data-[active]:text-[hsl(var(--accent))]">Register</button>
|
|
</div>
|
|
<div id="login-panel" class="{% if default_tab == "register" %}hidden{% endif %}">
|
|
<form hx-post="/api/auth/login" hx-target="#auth-message" hx-swap="innerHTML">
|
|
<div class="mb-3"><label class="mb-caps text-muted-foreground block text-xs mb-1">Email</label><input type="email" name="email" required class="w-full mb-input" /></div>
|
|
<div class="mb-4"><label class="mb-caps text-muted-foreground block text-xs mb-1">Password</label><input type="password" name="password" required class="w-full mb-input" /></div>
|
|
{% if _captcha_widget %}{{ _captcha_widget|safe }}{% endif %}
|
|
<button type="submit" class="mb-button w-full" hx-disabled-elt="this">Sign in</button>
|
|
<p class="text-center mt-3 text-sm"><a href="/forgot-password" class="mb-link">Forgot password?</a></p>
|
|
</form>
|
|
</div>
|
|
<div id="register-panel" class="{% if default_tab != "register" %}hidden{% endif %}">
|
|
<form hx-post="/api/auth/register" hx-target="#auth-message" hx-swap="innerHTML">
|
|
<div class="mb-3"><label class="mb-caps text-muted-foreground block text-xs mb-1">Username</label><input type="text" name="username" required pattern="[a-zA-Z0-9_-]{3,30}" class="w-full mb-input" /></div>
|
|
<div class="mb-3"><label class="mb-caps text-muted-foreground block text-xs mb-1">Email</label><input type="email" name="email" required class="w-full mb-input" /></div>
|
|
<div class="mb-4"><label class="mb-caps text-muted-foreground block text-xs mb-1">Password</label><input type="password" name="password" required minlength="8" class="w-full mb-input" /></div>
|
|
{% if _captcha_widget %}{{ _captcha_widget|safe }}{% endif %}
|
|
<button type="submit" class="mb-button w-full" hx-disabled-elt="this">Create account</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|