<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="alternate" type="application/rss+xml" href="static/rss.xml" title="Multiplayer FreeOrion server news" />
<link rel="stylesheet" type="text/css" href="static/style.css" />
<title>Welcome to public multiplayer FreeOrion server!</title>
</head>
<body>
{{> header}}
<div class="content">
<h1>Log In</h1>
<form id="login" action="login.do" method="post">
<fieldset>
    <legend>Enter credentials to login:</legend>
	<div>
		<label for="login">Username:</label>
		<input name="login" id="login" type="text" placeholder="Username" required autofocus />
	</div>
    <div>
        <label for="password">Password:</label>
        <input name="password" id="password" type="password" placeholder="Password" required autofocus />
    </div>
	<input name="csrf" type="hidden" value="{{ csrf }}">
	<input name="submit" type="submit" value="Log In">
</fieldset>
</form>
<form id="login-mastodon" action="login-mastodon.do" method="post">
<fieldset>
	<legend>Social Auth with Mastodon (not yet supported)</legend>
	<div>
		<label for="login">Username:</label>
		<input name="login" id="login" type="text" placeholder="Username" required autofocus />
	</div>
	<input name="csrf" type="hidden" value="{{ csrf }}">
	<input name="submit" type="submit" value="Log In">
</fieldset>
</form>
<p>If you forgot password or not set it yet use <a href="query-reset-game-pwd.html">Reset Password page</a>.</p>
</div>
{{> footer}}
</body>
</html>