Replace all Pico CSS patterns (classless articles, role="button", inline styles, var(--pico-*)) with Tailwind component classes. Add Fraunces display font, mobile hamburger nav, brand chart colors, and new component layer (hero, feature-card, metric-card, auth-card, pricing-card, etc.). Rewrite marketing copy from generic SaaS boilerplate to coffee-trader focused messaging. Rebrand pricing tiers to Explorer/Trader/Analyst. Delete stale custom.css. No Python code changes. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
37 lines
963 B
HTML
37 lines
963 B
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Sign In — {{ config.APP_NAME }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<main class="container-page">
|
|
<div class="auth-card">
|
|
<h1>Sign in to BeanFlows</h1>
|
|
<p class="subtitle">Enter your email. We'll send a link — no password needed.</p>
|
|
|
|
<form method="post">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
|
|
<div class="mb-4">
|
|
<label for="email" class="form-label">Email</label>
|
|
<input
|
|
type="email"
|
|
id="email"
|
|
name="email"
|
|
class="form-input"
|
|
placeholder="trader@example.com"
|
|
required
|
|
autofocus
|
|
>
|
|
</div>
|
|
|
|
<button type="submit" class="btn w-full">Send sign-in link</button>
|
|
</form>
|
|
|
|
<p class="text-center text-sm text-stone mt-6">
|
|
Don't have an account?
|
|
<a href="{{ url_for('auth.signup') }}">Sign up</a>
|
|
</p>
|
|
</div>
|
|
</main>
|
|
{% endblock %}
|