PhotosAPI/pages/register/index.html

56 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>END PLAY Photos API • Sign Up</title>
<link href="/pages/matter.css" rel="stylesheet">
<link rel="stylesheet" href="/pages/register/style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<iframe name="hiddenFrame" width="0" height="0" border="0" style="display: none;"></iframe>
<form class="registration" method="post" action="/users" enctype="application/x-www-form-urlencoded" target="hiddenFrame">
<h1>👋 Welcome!</h1>
<label class="matter-textfield-outlined">
<input placeholder=" " type="text" alt="You won't be able to change it later!" id="user" name="user" required>
<span>Username</span>
</label>
<label class="matter-textfield-outlined">
<input placeholder=" " type="email" id="email" name="email" required>
<span>Email</span>
</label>
<label class="matter-textfield-outlined">
<input placeholder=" " type="password" id="password" name="password" required>
<span>Password</span>
</label>
<label class="matter-checkbox">
<input type="checkbox" required>
<span>I agree to the <a href="https://codepen.io/collection/nZKBZe/" target="_blank" title="Actually not a Terms of Service">Terms of Service</a></span>
</label>
<center><a class="matter-button-contained" href="https://photos.end-play.xyz/register" type="submit" value="Submit">Sign Up</a></center>
<!-- <button class="matter-button-contained" type="submit" value="Submit">Sign Up</button> -->
<div class="done">
<h1>👌 You're all set!</h1>
<p>You should now receive an email with activation link.</p>
<p>Activate your account and proceed to docs if you'd like to learn how to use API now.</p>
<a class="matter-button-text" href="/docs">Docs</a>
</div>
<div class="progress">
<progress class="matter-progress-circular" />
</div>
</form>
<!-- partial -->
<script src="/pages/register/script.js"></script>
</body>
</html>