Files

54 lines
1.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Roast Planner</title>
<link rel="stylesheet" href="/app.css" />
<meta name="theme-color" content="#A8481A" />
</head>
<body>
<main class="auth-page">
<section class="panel-card auth-card">
<h1>Roast Planner</h1>
<p>Build, save, and revisit your coffee roast plans.</p>
<div id="message" role="status"></div>
<form id="auth-form">
<label
>Email
<input
class="field-input"
required
type="email"
name="email"
autocomplete="email" /></label
><label
>Password
<input
class="field-input"
required
type="password"
minlength="12"
name="password"
autocomplete="current-password" /></label
><label
>Initial admin setup token (first account only)
<input
class="field-input"
type="password"
name="setupToken"
autocomplete="off" /></label
><button class="primary-btn" type="submit">Log in</button
><button class="ghost-btn" type="button" id="signup">
Create account
</button>
</form>
<p class="muted">
Accounts require a password of at least 12 characters.
</p>
</section>
</main>
<script type="module" src="/js/landing.js"></script>
</body>
</html>