44 lines
1.6 KiB
HTML
44 lines
1.6 KiB
HTML
{% load static %}
|
|
<!doctype html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Вход</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<link href="{% static 'style.css' %}" rel="stylesheet">
|
|
<style>
|
|
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", sans-serif; margin:0; background:#f7f7fb; color:#111; }
|
|
.wrap { max-width:420px; margin:60px auto; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:18px; }
|
|
.form { display:grid; gap:12px; }
|
|
.form input { border:1px solid #d1d5db; border-radius:8px; padding:10px 12px; font:inherit; }
|
|
.btn { padding:10px 14px; border-radius:10px; background:#2563eb; color:#fff; border:none; cursor:pointer; font-weight:600; }
|
|
.muted { color:#6b7280; }
|
|
a { color:#2563eb; text-decoration:none; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<h1>Вход</h1>
|
|
|
|
{% if messages %}
|
|
<ul>
|
|
{% for message in messages %}
|
|
<li class="{{ message.tags }}">{{ message }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
|
|
<form class="form" method="post" action="{% url 'ui:login' %}">
|
|
{% csrf_token %}
|
|
<input type="email" name="email" placeholder="Email">
|
|
<input type="password" name="password" placeholder="Пароль">
|
|
<button class="btn" type="submit">Войти</button>
|
|
</form>
|
|
|
|
<p class="muted" style="margin-top:10px;">Нет аккаунта?
|
|
<a href="{% url 'ui:register' %}">Зарегистрируйтесь</a>
|
|
</p>
|
|
</div>
|
|
</body>
|
|
</html>
|