<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Join exozyme!</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="icon" href="img/logo.png" type="image/png">
</head>
<body>
<picture>
<source srcset="img/logo.avif" type="image/avif">
<source srcset="img/logo.webp" type="image/webp">
<source srcset="img/logo.png" type="image/png">
<img src="img/logo.png" alt="exozyme" height="360" width="360">
</picture>
<h1>Join exozyme!</h1>
<p>
Welcome! Please use only lowercase letters and numbers for your username. After you have an account, <a href="https://exozy.me/about/">learn more about exozyme</a> or try our <a href="https://exozy.me/quickstart/">quickstart guide</a>.
</p>
<form method="post" action="/api/user/new">
<input type="text" placeholder="Secret code" name="code" required>
<input type="text" placeholder="First name" name="firstname" required>
<input type="text" placeholder="Last name" name="lastname" required>
<input type="email" placeholder="Email" name="email" required>
<input type="text" pattern="[a-z][a-z0-9]*" placeholder="Username" name="username" required>
<input type="password" placeholder="Strong password" name="password" required>
<input type="password" placeholder="Confirm password" name="confirmpassword" required>
<input type="submit" value="Join!" name="submit">
</form>
</body>
</html>
