{% extends "default.html" %}
{% block title %}Log in | {{ site_name }}{% endblock %}
{% block content %}
    <x-frame style="--width: 384px" class="vbox">
        <h2>Log in</h2>
        <form action="/login" method="post" class="vbox">
            <label>
                Username
                <input type="text" name="username" required>
            </label>
            <label>
                Password
                <input type="password" name="password" required>
            </label>
            <button type="submit">Log in</button>
        </form>
        <h2>Sign up</h2>
        <form action="/signup" method="post" class="vbox">
            <label>
                Username
                <input type="text" name="username" required>
            </label>
            <label>
                Password
                <input type="password" name="password" required>
            </label>
            <button type="submit">Sign up</button>
        </form>
    </x-frame>
{% endblock %}