<!DOCTYPE html>
<html>
<head>
<title>burgercat</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="/static/css/style.css" />
</head>
<body>
<form class="accountform" method="post">
<br>
<a href="/">back</a>
<br><br>
<h1>Create a burgercat account</h1>
<p>Create a burgercat acccount to create posts, comment, and more!</p>
{% with messages = get_flashed_messages() %}
{% if messages %}
{% for message in messages %}
<p class="flash">{{ message }}</p>
{% endfor %}
{% endif %}
{% endwith %}
<input name="username" type="text" placeholder="Username" required>
<br><br>
<input name="password" type="password" placeholder="Password" pattern=".{8,}" required title="12 characters minimum">
<br><br>
<button type="submit">Sign up</button>
<br><br>
Already have an account? <a href="/login">Log in!</a>
</form>
</body>
</html>