73 lines
2.6 KiB
HTML
73 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Регистрация — Nextcloud</title>
|
||
<link rel="stylesheet" href="/styles.css" />
|
||
</head>
|
||
<body>
|
||
<main class="card">
|
||
<header>
|
||
<h1>Создать аккаунт</h1>
|
||
<p class="muted">Облачное хранилище для файлов, календаря и синхронизации</p>
|
||
</header>
|
||
|
||
<div id="closed-banner" class="banner warn hidden">
|
||
Регистрация новых пользователей временно закрыта.
|
||
</div>
|
||
|
||
<form id="register-form">
|
||
<label>
|
||
Логин <span class="req">*</span>
|
||
<input type="text" id="username" name="username" required
|
||
pattern="[a-zA-Z0-9._@-]{3,64}" autocomplete="username"
|
||
placeholder="ivan.petrov" />
|
||
<span class="hint">Латиница, цифры, . _ @ - (3–64 символа)</span>
|
||
</label>
|
||
|
||
<label>
|
||
Отображаемое имя
|
||
<input type="text" id="displayName" name="displayName" autocomplete="name"
|
||
placeholder="Иван Петров" />
|
||
</label>
|
||
|
||
<label>
|
||
Email
|
||
<input type="email" id="email" name="email" autocomplete="email"
|
||
placeholder="you@example.com" />
|
||
<span class="hint" id="email-hint"></span>
|
||
</label>
|
||
|
||
<label>
|
||
Пароль <span class="req">*</span>
|
||
<input type="password" id="password" name="password" required minlength="8"
|
||
autocomplete="new-password" placeholder="минимум 8 символов" />
|
||
</label>
|
||
|
||
<label>
|
||
Повторите пароль <span class="req">*</span>
|
||
<input type="password" id="password2" required minlength="8"
|
||
autocomplete="new-password" />
|
||
</label>
|
||
|
||
<p id="form-error" class="error hidden"></p>
|
||
|
||
<button type="submit" id="submit-btn">Зарегистрироваться</button>
|
||
</form>
|
||
|
||
<section id="success" class="success hidden">
|
||
<h2>Готово!</h2>
|
||
<p>Аккаунт <strong id="success-user"></strong> создан.</p>
|
||
<p>Войдите в Nextcloud или установите Desktop/Mobile клиент.</p>
|
||
<a id="login-link" class="button" href="#">Открыть Nextcloud</a>
|
||
</section>
|
||
|
||
<footer class="footer">
|
||
<p class="muted">Уже есть аккаунт? <a id="footer-login" href="#">Войти</a></p>
|
||
</footer>
|
||
</main>
|
||
<script src="/app.js"></script>
|
||
</body>
|
||
</html>
|