PhotosAPI/pages/register/index.html

56 lines
1.9 KiB
HTML
Raw Normal View History

2022-12-20 16:34:47 +02:00
<!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">
2022-12-22 13:59:58 +02:00
<link rel="stylesheet" href="/pages/register/style.css">
2022-12-20 16:34:47 +02:00
</head>
<body>
<!-- partial:index.partial.html -->
2023-01-12 17:21:33 +02:00
<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">
2022-12-20 16:34:47 +02:00
<h1>👋 Welcome!</h1>
<label class="matter-textfield-outlined">
2023-01-12 17:21:33 +02:00
<input placeholder=" " type="text" alt="You won't be able to change it later!" id="user" name="user" required>
2022-12-20 16:34:47 +02:00
<span>Username</span>
</label>
<label class="matter-textfield-outlined">
2023-01-12 17:21:33 +02:00
<input placeholder=" " type="email" id="email" name="email" required>
2022-12-20 16:34:47 +02:00
<span>Email</span>
</label>
<label class="matter-textfield-outlined">
2023-01-12 17:21:33 +02:00
<input placeholder=" " type="password" id="password" name="password" required>
2022-12-20 16:34:47 +02:00
<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>
2023-01-12 17:21:33 +02:00
<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> -->
2022-12-20 16:34:47 +02:00
<div class="done">
<h1>👌 You're all set!</h1>
2023-01-12 17:21:33 +02:00
<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>
2022-12-20 16:34:47 +02:00
</div>
<div class="progress">
<progress class="matter-progress-circular" />
</div>
</form>
<!-- partial -->
2022-12-22 13:59:58 +02:00
<script src="/pages/register/script.js"></script>
2022-12-20 16:34:47 +02:00
</body>
</html>