<html>
<head>
<title>Dynastie</title>
<link rel="icon" type="image/png" href="{{ STATIC_URL }}images/favicon.png" />
<style type="text/css">
div.logo {
margin-top:2%;
margin-bottom:5%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
div.form {
margin-left:40%;
}
#login_failed {
color:red;
font-weight:bold;
}
</style>
</head>
<body>
<div class="logo">
<a href="http://indefero.soutade.fr/p/dynastie"><img src="{{ STATIC_URL }}images/logo.png"/></a>
</div>
<div class="form">
<form method="post" action="/index">
{% csrf_token %}
{% if login_failed %} <p id="login_failed">Login or password is invalid</p> {% endif %}
<table>
<tr><td>Login</td><td><input type="text" name="login"/></td></tr>
<tr><td>Password</td><td><input id="password" type="password" name="password"/></td></tr>
<tr><td/><td><input type="submit" value="Connect"/></td></tr>
</table>
</form>
</div>
</body>
</html>