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>
|