auth/web/templates/signup.html

51 lines
1.4 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Create Account</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
/>
</head>
<body>
<main class="container">
<h1>Sign up</h1>
<p>Provide your email and a strong password to create an account.</p>
{{if .Error}}
<article class="secondary">
<strong>Unable to sign up:</strong> {{.Error}}
</article>
{{end}}
<form method="post" action="/signup">
<input type="hidden" name="_csrf" value="{{.CSRFToken}}" />
<label for="email">Email</label>
<input
type="email"
id="email"
name="email"
placeholder="Enter your email"
required
autofocus
value="{{.Email}}"
/>
<label for="password">Password</label>
<input
type="password"
id="password"
name="password"
placeholder="Choose a password"
required
pattern="(?=.*[A-Z])(?=.*\d).{8,}"
title="At least 8 characters including one uppercase letter and one number"
/>
<button type="submit">Create account</button>
</form>
<p>
Already registered?
<a href="/">Return to sign in</a>.
</p>
</main>
</body>
</html>