apply the shared auth-shell + auth-card layout to the register template, mirroring the login page. ids and the #register-error element are preserved for the existing cypress auth tests.
38 lines
1.2 KiB
PHP
38 lines
1.2 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Daily Goals - Register</title>
|
|
<link rel="stylesheet" href="/css/app.css">
|
|
</head>
|
|
<body>
|
|
<main class="auth-shell">
|
|
<div class="auth-card stack">
|
|
<h1>Register</h1>
|
|
<form id="register-form" class="stack">
|
|
<label>Email
|
|
<input type="email" id="email" name="email" required />
|
|
</label>
|
|
<label>Password (min 8 characters)
|
|
<input
|
|
type="password"
|
|
id="password"
|
|
name="password"
|
|
minlength="8"
|
|
required
|
|
/>
|
|
</label>
|
|
<button type="submit" class="btn btn-primary full-width">
|
|
Register
|
|
</button>
|
|
</form>
|
|
<p id="register-error" class="error" hidden></p>
|
|
<p class="muted">
|
|
<a href="/login">Already have an account? Login</a>
|
|
</p>
|
|
</div>
|
|
</main>
|
|
<script src="/js/auth.js"></script>
|
|
</body>
|
|
</html>
|