morozovka-portal/app/templates/register.html

60 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Регистрация — Morozovka Portal</title>
<style>
body { background: #0d1117; color: #e6edf3; font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
.card { background: #161b22; padding: 30px; border-radius: 8px; border: 1px solid #30363d; width: 350px; }
h2 { color: #58a6ff; margin-top: 0; text-align: center; }
.form-group { margin-bottom: 15px; display: flex; flex-direction: column; }
label { margin-bottom: 5px; color: #8b949e; font-size: 0.85rem; }
input, select { padding: 10px; background: #0d1117; color: white; border: 1px solid #30363d; border-radius: 5px; }
button { width: 100%; padding: 10px; background: #238636; color: white; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; margin-top: 10px; }
button:hover { background: #2ea043; }
.error { color: #f85149; text-align: center; margin-bottom: 15px; font-size: 0.9rem; }
.links { margin-top: 15px; text-align: center; font-size: 0.85rem; }
.links a { color: #58a6ff; text-decoration: none; }
</style>
</head>
<body>
<div class="card">
<h2>Регистрация</h2>
{% if error %}<div class="error">{{ error }}</div>{% endif %}
<form method="POST">
<div class="form-group">
<label>ФИО</label>
<input type="text" name="full_name" required>
</div>
<div class="form-group">
<label>Организация</label>
<select name="organization">
<option value="ННГУ">ННГУ</option>
<option value="Неймарк">Неймарк</option>
<option value="Ядро">Ядро</option>
<option value="Внешний">Внешний</option>
</select>
</div>
<div class="form-group">
<label>Логин</label>
<input type="text" name="username" required>
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required>
</div>
<div class="form-group">
<label>Пароль</label>
<input type="password" name="password" required minlength="6">
</div>
<button type="submit">Зарегистрироваться</button>
</form>
<div class="links">
<a href="/login">Уже есть аккаунт? Войти</a>
</div>
</div>
</body>
</html>