54 lines
2.1 KiB
HTML
54 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
|
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@500&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="registerModal" class="modal active">
|
|
<form method="POST" action="{{ url_for('auth.register') }}">
|
|
{{ form.hidden_tag() }}
|
|
<div class="form-inner-container">
|
|
<p class="reg-form-title">РЕГИСТРАЦИЯ</p>
|
|
|
|
<div class="modal-register-input-container">
|
|
{{ form.username(class_="modal-register-text-input", placeholder="Имя пользователя") }}
|
|
</div>
|
|
|
|
<div class="modal-register-input-container">
|
|
{{ form.password(class_="modal-register-text-input password-input", placeholder="Пароль") }}
|
|
</div>
|
|
|
|
<div class="modal-register-input-container">
|
|
{{ form.confirm_password(class_="modal-register-text-input password-input", placeholder="Повтори пароль") }}
|
|
</div>
|
|
|
|
<div class="login-link-container">
|
|
<span class="login-prompt">
|
|
Уже есть аккаунт?
|
|
<a href="#" class="login-link" data-action="open-login">Войди тут!</a>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="recaptcha-wrapper">
|
|
{{ form.recaptcha() }}
|
|
</div>
|
|
|
|
<button type="submit" class="modal-register-button">
|
|
<span class="modal-register-button-text">Зарегестрироваться</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
function openLoginModal() {
|
|
document.getElementById('registerModal').classList.remove('active');
|
|
document.getElementById('loginModal').classList.add('active');
|
|
}
|
|
|
|
</script>
|
|
|
|
</html> |