Spry/tools/spry/templates/login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <pstm-uri>/login</pstm-uri>
    <pstm-template>main</pstm-template>
    <script>
        // Surface error notifications inline instead of via alert().
        if (window.statum) {
            statum.onNotifyHandler = function (kind, message) {
                var area = document.getElementById('login-error');
                if (kind === 'error' && area) {
                    area.hidden = false;
                    area.textContent = message;
                    return;
                }
                window.alert(message);
            };
        }
    </script>
</head>
<body>
    <section class="stack" style="max-width: 26rem;">
        <h2>Log in</h2>
        <p id="login-error" class="alert alert-danger" hidden></p>
        <form stm-action="page.login" class="stack">
            <label class="field">
                <span class="label">Username</span>
                <input class="input" name="username" required autocomplete="username" autofocus>
            </label>
            <label class="field">
                <span class="label">Password</span>
                <input class="input" type="password" name="password" required autocomplete="current-password">
            </label>
            <div><button class="btn btn-primary" type="submit">Log in</button></div>
        </form>
        <p>No account yet? <a href="/register">Register</a>.</p>
    </section>
</body>
</html>