main features
This commit is contained in:
@@ -1,24 +1,44 @@
|
||||
{% extends 'base.html' %}
|
||||
{% block title %}Регистрация — MatchAgency{% endblock %}
|
||||
{% block content %}
|
||||
<div class="max-w-md mx-auto rounded-xl bg-white/80 backdrop-blur border shadow p-6">
|
||||
<h1 class="text-xl font-semibold mb-4">Регистрация</h1>
|
||||
<form action="" method="post" class="space-y-3">
|
||||
{% csrf_token %}
|
||||
<div>
|
||||
<label class="block text-sm mb-1">Email</label>
|
||||
<input type="email" name="email" required class="w-full rounded-md border px-3 py-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm mb-1">Пароль</label>
|
||||
<input type="password" name="password" required class="w-full rounded-md border px-3 py-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm mb-1">Полное имя (необязательно)</label>
|
||||
<input type="text" name="full_name" class="w-full rounded-md border px-3 py-2"/>
|
||||
</div>
|
||||
<button class="w-full rounded-md bg-indigo-600 text-white px-4 py-2 hover:bg-indigo-700">Зарегистрироваться</button>
|
||||
</form>
|
||||
<p class="mt-3 text-sm">Уже есть аккаунт? <a class="text-indigo-700 hover:underline" href="{% url 'login' %}">Войти</a></p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% 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:520px; 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:register' %}">
|
||||
{% csrf_token %}
|
||||
<input type="text" name="full_name" placeholder="Имя / ФИО">
|
||||
<input type="email" name="email" placeholder="Email" required>
|
||||
<input type="password" name="password" placeholder="Пароль" required>
|
||||
<button class="btn" type="submit">Создать аккаунт</button>
|
||||
</form>
|
||||
|
||||
<p class="muted" style="margin-top:10px;">Уже есть аккаунт?
|
||||
<a href="{% url 'ui:login' %}">Войти</a>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user