Tilo15
/
Spry


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839
							<!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>
        <h2>Log in</h2>
        <p id="login-error" class="error" hidden></p>
        <form stm-action="page.login">
            <div class="form-row">
                <label for="login-username">Username</label>
                <input id="login-username" name="username" required autocomplete="username" autofocus>
            </div>
            <div class="form-row">
                <label for="login-password">Password</label>
                <input id="login-password" type="password" name="password" required autocomplete="current-password">
            </div>
            <button type="submit">Log in</button>
        </form>
        <p>No account yet? <a href="/register">Register</a>.</p>
    </section>
</body>
</html>