129 lines
3.2 KiB
HTML
129 lines
3.2 KiB
HTML
{% load i18n %}
|
||
{% load static %}
|
||
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="description" content="">
|
||
<title>Login – {{ site.name }}</title>
|
||
|
||
<link href="{% static "/css/bootstrap.min.css" %}" rel="stylesheet"
|
||
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
|
||
crossorigin="anonymous">
|
||
|
||
<style>
|
||
html,
|
||
body {
|
||
height: 100%;
|
||
}
|
||
|
||
body {
|
||
display: flex;
|
||
align-items: center;
|
||
padding-top: 40px;
|
||
padding-bottom: 40px;
|
||
background-color: #a8f3f4;
|
||
}
|
||
|
||
.form-signin {
|
||
width: 100%;
|
||
max-width: 330px;
|
||
padding: 15px;
|
||
margin: auto;
|
||
}
|
||
|
||
.form-signin .checkbox {
|
||
font-weight: 400;
|
||
}
|
||
|
||
.form-signin .form-control {
|
||
position: relative;
|
||
box-sizing: border-box;
|
||
height: auto;
|
||
padding: 10px;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.form-signin .form-control:focus {
|
||
z-index: 2;
|
||
}
|
||
|
||
.form-signin input[type="email"] {
|
||
margin-bottom: -1px;
|
||
border-bottom-right-radius: 0;
|
||
border-bottom-left-radius: 0;
|
||
}
|
||
|
||
.form-signin input[type="password"] {
|
||
margin-bottom: 10px;
|
||
border-top-left-radius: 0;
|
||
border-top-right-radius: 0;
|
||
}
|
||
|
||
.hr-text:after {
|
||
content: attr(data-content);
|
||
padding: 0 4px;
|
||
position: relative;
|
||
top: -13px;
|
||
background-color: #a8f3f4;
|
||
}
|
||
|
||
</style>
|
||
|
||
</head>
|
||
<body class="text-center">
|
||
|
||
<main class="form-signin">
|
||
|
||
<img class="mb-4" src="https://new.data.coop/static/img/logo_da.svg" alt=""
|
||
width="260" height="160">
|
||
<h1 class="h3 mb-3 fw-normal">{% trans "Members only" %}</h1>
|
||
|
||
{% if form.non_field_errors %}
|
||
{% for error in form.non_field_errors %}
|
||
<div class="alert alert-danger" role="alert">
|
||
{{ error }}
|
||
</div>
|
||
{% endfor %}
|
||
{% endif %}
|
||
|
||
<form method="post" action="">
|
||
{% csrf_token %}
|
||
|
||
<label for="id_username"
|
||
class="visually-hidden">
|
||
{% trans "Username/e-mail" %}
|
||
</label>
|
||
<input type="text"
|
||
id="id_username"
|
||
name="login"
|
||
class="form-control"
|
||
placeholder="{% trans "Username/e-mail" %}"
|
||
required
|
||
autofocus>
|
||
|
||
<label for="id_password" class="visually-hidden">
|
||
{% trans "Password" %}
|
||
</label>
|
||
<input type="password"
|
||
id="id_password"
|
||
name="password"
|
||
class="form-control"
|
||
placeholder="{% trans "Password" %}"
|
||
required>
|
||
|
||
<button class="w-100 btn btn-lg btn-primary"
|
||
type="submit">{% trans "Sign in" %}</button>
|
||
</form>
|
||
|
||
<hr class="hr-text" data-content="OR">
|
||
|
||
<a class="w-100 btn btn-lg btn-outline-success"
|
||
type="submit">{% trans "Become a member" %}</a>
|
||
</main>
|
||
|
||
|
||
</body>
|
||
</html>
|