Files
f0bm/views/register.html

35 lines
1.7 KiB
HTML

<!doctype f0ck>
<html theme="amoled">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>register</title>
<link href="/s/css/f0ck.css" rel="stylesheet" />
</head>
<body type="login">
<form class="login-form" method="post" action="/register">
<h2 style="text-align: center; margin-bottom: 20px;">Register</h2>
@if(typeof error !== 'undefined')
<div style="color: #ff6b6b; margin-bottom: 10px; text-align: center;">{{ error }}</div>
@endif
<input type="text" name="username" placeholder="username" autocomplete="off" required />
<input type="password" name="password" placeholder="password" autocomplete="off" required minlength="20"
title="Must be at least 20 characters long." />
<input type="password" name="password_confirm" placeholder="confirm password" autocomplete="off" /><br>
<input type="text" name="token" placeholder="invite token" autocomplete="off" /><br>
<p style="text-align: left; font-size: 0.9em; margin: 10px 0; color: #fff;">
<input type="checkbox" id="tos-page" name="tos" required />
<label for="tos-page">I have read and accept the <a href="/terms" target="_blank"
style="color: var(--accent); text-decoration: underline;">Terms of Service</a> and I am at least 18
years old</label>
</p>
<input type="submit" value="Register" />
<div style="margin-top: 15px; text-align: center;">
<a href="/login" style="color: var(--accent); text-decoration: none;">Back to Login</a>
</div>
</form>
</body>
</html>