61 lines
1.9 KiB
HTML
61 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>Create an account — Roast Planner</title>
|
|
<link rel="stylesheet" href="/app.css?v=__ASSET_VERSION__" />
|
|
<link rel="icon" href="/icon.svg?v=__ASSET_VERSION__" type="image/svg+xml" />
|
|
<meta name="theme-color" content="#A8481A" />
|
|
</head>
|
|
<body>
|
|
<main class="auth-page">
|
|
<section class="panel-card auth-card">
|
|
<div class="auth-brand">
|
|
<span class="brand-mark" aria-hidden="true">◐</span>
|
|
<strong>Roast Planner</strong>
|
|
</div>
|
|
<h1 id="signup-title">Create an account</h1>
|
|
<div id="message" class="auth-message" role="alert"></div>
|
|
<form id="signup-form" class="hidden">
|
|
<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="new-password"
|
|
/></label>
|
|
<label
|
|
>Confirm password
|
|
<input
|
|
class="field-input"
|
|
required
|
|
type="password"
|
|
minlength="12"
|
|
name="confirmPassword"
|
|
autocomplete="new-password"
|
|
/></label>
|
|
<p class="muted">Use at least 12 characters.</p>
|
|
<button class="primary-btn" type="submit">Create account</button>
|
|
</form>
|
|
<div class="auth-links">
|
|
<a href="/login">Already have an account?</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<script type="module" src="/js/signup.js?v=__ASSET_VERSION__"></script>
|
|
</body>
|
|
</html>
|