<!doctype html>
<html lang="en">

<head>
    <link href="/assets/main.css" rel="stylesheet" />
    <link rel="shortcut icon" href="/assets/favicon.ico">
    <title>Awstin</title>
    {% block head %}{% endblock %}
</head>

<body>
    <main class="content">
        <form action="/signup" method="post">
            <p>
                <label for="username">Username: </label>
                <input type="text" name="username" id="username" minlength="1" maxlength="20" pattern="[0-9a-z]+" required>
            </p>
            <p>
                <label for="password">Password: </label>
                <input type="password" name="password" id="password" required>
            </p>
            <p>
                <label for="password">Confirm Password: </label>
                <input type="password" name="confirm_password" id="confirm_password" required>
            </p>
            <input type="submit" value="Signup">
        </form>
    </main>
</body>

</html>
