e4d5f96571
- auth_components.templ: AnimatedBackground (35 elements, /static/logo_dark.png, no light/dark pairs), GoogleButton (a/button variant, English label 'Sign in with Google'), AuthDivider ('or' divider)
- auth_layout.templ: standalone HTML shell with .login-screen, @AnimatedBackground(), .card-wrap/.card-glow/.auth-card-shell, htmx.min.js only (no sortable/sse scripts)
- No auth.User param on AuthLayout (auth pages always unauthenticated)
- just generate exits 0, all Go tests pass
37 lines
1.4 KiB
Text
37 lines
1.4 KiB
Text
package templates
|
|
|
|
// AuthLayout is the standalone HTML shell for auth pages (/login, /signup).
|
|
//
|
|
// It replaces @Layout(...) for these pages. Differences from Layout:
|
|
// - No header, footer, or <main> wrapper — auth pages are full-viewport centered
|
|
// - Body uses .login-screen (gradient bg, flex center) instead of min-h-screen bg-white
|
|
// - @AnimatedBackground() renders 35 animated logo elements behind the card
|
|
// - No auth.User param — auth pages are always unauthenticated (T-14-01-04)
|
|
// - Scripts: only htmx.min.js — sortable.min.js and discussion-sse.js are not needed
|
|
//
|
|
// csrfToken is threaded so page children (LoginPage, SignupPage) can forward it
|
|
// into their form fragments via ui.CSRFField(csrfToken). AuthLayout itself does
|
|
// not embed a CSRF field — only the form fragments do.
|
|
templ AuthLayout(title string, csrfToken string) {
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<title>{ title }</title>
|
|
<link rel="stylesheet" href="/static/tailwind.css"/>
|
|
</head>
|
|
<body>
|
|
<div class="login-screen">
|
|
@AnimatedBackground()
|
|
<div class="card-wrap">
|
|
<div class="card-glow"></div>
|
|
<div class="auth-card-shell">
|
|
{ children... }
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/static/htmx.min.js" defer></script>
|
|
</body>
|
|
</html>
|
|
}
|