<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{site_name} - Sign in</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<h1>{site_name}</h1>
<h2>Sign in</h2>
<p>Sign in to your account to continue.</p>
{state.error&<div class="error">
<p>{state.error}</p>
</div>}
<form method="post">
<input type="text" name="username" placeholder="Username" aria-label="Username" required><br/>
<input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required><br/>
<input type="submit" value="Sign in">
</form>
</main>
</body>
</html>