66 lines
3.0 KiB
HTML
66 lines
3.0 KiB
HTML
{% extends "base.html" %}
|
||
{% block title %}Sign in · myboker.org{% endblock %}
|
||
{% block page_class %}page--auth{% endblock %}
|
||
{% block content %}
|
||
|
||
<div class="auth-split">
|
||
<div class="auth-split__form-col">
|
||
<div class="auth-split__form-inner">
|
||
<a class="auth-split__brand" href="{{ url_for('public.home') }}">
|
||
<div class="auth-split__brand-mark"></div>
|
||
<span class="auth-split__brand-name">myboker<span class="auth-split__brand-tld">.org</span></span>
|
||
</a>
|
||
|
||
<h1 class="auth-split__title">Welcome back.</h1>
|
||
<p class="auth-split__sub">Sign in to manage your leagues, sessions, and ledger.</p>
|
||
|
||
<form method="post">
|
||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||
<div class="auth-field">
|
||
<label for="email">Email</label>
|
||
<input id="email" type="email" name="email" autocomplete="email"
|
||
value="{{ form.email or '' }}" placeholder="you@example.com" required>
|
||
</div>
|
||
<div class="auth-field">
|
||
<label for="password">Password</label>
|
||
<input id="password" type="password" name="password"
|
||
autocomplete="current-password" placeholder="••••••••" required>
|
||
</div>
|
||
<div class="auth-links">
|
||
<a href="{{ url_for('account.forgot_password') }}">Forgot password?</a>
|
||
</div>
|
||
<button class="btn btn--primary auth-submit" type="submit">Sign in →</button>
|
||
</form>
|
||
|
||
<p class="auth-alt">No account yet? <a href="{{ url_for('account.register') }}">Create one</a></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="auth-split__visual auth-split__visual--club" aria-hidden="true">
|
||
<div class="auth-visual__body">
|
||
<div class="auth-visual__icon">
|
||
<span class="auth-visual__suit-sym">♣</span>
|
||
</div>
|
||
<p class="auth-visual__title">Track every chip.</p>
|
||
<p class="auth-visual__sub">Sessions, leaderboards, and debts — all in one place for your private poker league.</p>
|
||
<div class="auth-visual__preview">
|
||
<div class="auth-visual__preview-kicker">Live leaderboard</div>
|
||
<div class="auth-visual__preview-row">
|
||
<span>Rivera</span>
|
||
<strong style="color:var(--pos);">+$1,420</strong>
|
||
</div>
|
||
<div class="auth-visual__preview-row">
|
||
<span>Chen</span>
|
||
<strong style="color:var(--pos);">+$640</strong>
|
||
</div>
|
||
<div class="auth-visual__preview-row" style="opacity:.5">
|
||
<span>Okafor</span>
|
||
<strong style="color:var(--neg);">−$210</strong>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{% endblock %}
|