60 lines
2.3 KiB
HTML
60 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
|
<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="loginModal" class="modal active">
|
|
<form method="POST" action="{{ url_for('auth.register') }}">
|
|
{{ form.hidden_tag() }}
|
|
<div class="form-inner-container">
|
|
<p class="login-form-title">ВХОД</p>
|
|
|
|
<div class="modal-login-input-container">
|
|
{{ form.username(class_="modal-login-text-input", placeholder="Имя пользователя") }}
|
|
</div>
|
|
|
|
<div class="modal-login-input-container">
|
|
{{ form.password(class_="modal-login-text-input password-input", placeholder="Пароль") }}
|
|
</div>
|
|
|
|
<div class="login-link-container">
|
|
<span class="login-prompt">
|
|
<a href="#" class="login-link" data-action="forgot-password">Забыли пароль?</a>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="login-link-container">
|
|
<span class="login-prompt">
|
|
Нет аккаунта?
|
|
<a href="#" class="login-link" data-action="open-register">Зарегистрируйся тут!</a>
|
|
</span>
|
|
</div>
|
|
|
|
|
|
<div class="recaptcha-wrapper">
|
|
{{ form.recaptcha() }}
|
|
</div>
|
|
|
|
<button type="submit" class="modal-login-button">
|
|
<span class="modal-login-button-text">Войти</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<script>
|
|
document.addEventListener('click', function(e) {
|
|
if (e.target.matches('[data-action="open-register"]')) {
|
|
e.preventDefault();
|
|
closeAllModals();
|
|
openRegisterModal();
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |