sab.code.lab
1c85091186
Прежняя git-история утрачена при переносе проекта на машину владельца (снапшот без .git). Хэши коммитов в docs/reports/* относятся к утраченной истории. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
135 lines
5.3 KiB
HTML
135 lines
5.3 KiB
HTML
<!doctype html>
|
||
<html lang="ru" data-theme="light">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Регистрация — Иго · школа Го</title>
|
||
<meta
|
||
name="description"
|
||
content="Регистрация в школе Го для синхронизации прогресса между устройствами."
|
||
/>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=PT+Serif:wght@400;700&family=PT+Mono&display=swap"
|
||
rel="stylesheet"
|
||
/>
|
||
<link rel="stylesheet" href="css/style.css" />
|
||
</head>
|
||
<body>
|
||
<header class="site-header">
|
||
<div class="container">
|
||
<a class="logo" href="index.html"><span class="kanji">碁</span> Иго · школа Го</a>
|
||
<nav class="main-nav" aria-label="Основное меню">
|
||
<ul>
|
||
<li><a href="learn.html">Курс</a></li>
|
||
<li><a href="tsumego.html">Цумэ-го</a></li>
|
||
<li><a href="play.html">Играть</a></li>
|
||
<li><a href="progress.html">Прогресс</a></li>
|
||
<li><a href="cabinet.html" aria-current="page">Кабинет</a></li>
|
||
</ul>
|
||
</nav>
|
||
<div class="header-actions">
|
||
<button class="menu-toggle" type="button" aria-label="Открыть меню" aria-expanded="false">
|
||
☰
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<div class="container">
|
||
<div class="card auth-card">
|
||
<h1>Регистрация</h1>
|
||
<p style="text-align: center; color: var(--ink-soft); font-size: 0.95rem">
|
||
Одна учётная запись — чтобы прогресс жил на всех устройствах. Никакой рассылки.
|
||
</p>
|
||
<form data-login-form novalidate>
|
||
<div class="field">
|
||
<label for="email">Электронная почта</label>
|
||
<input
|
||
type="email"
|
||
id="email"
|
||
name="email"
|
||
autocomplete="email"
|
||
placeholder="you@example.com"
|
||
/>
|
||
<span class="error-text">Введите корректный адрес почты.</span>
|
||
</div>
|
||
<div class="field">
|
||
<label for="password">Пароль</label>
|
||
<input
|
||
type="password"
|
||
id="password"
|
||
name="password"
|
||
autocomplete="new-password"
|
||
placeholder="минимум 8 символов"
|
||
/>
|
||
<span class="error-text">Пароль не может быть пустым.</span>
|
||
</div>
|
||
<div class="field">
|
||
<label for="password2">Пароль ещё раз</label>
|
||
<input
|
||
type="password"
|
||
id="password2"
|
||
name="password2"
|
||
autocomplete="new-password"
|
||
placeholder="повторите пароль"
|
||
/>
|
||
<span class="error-text">Пароли не совпадают.</span>
|
||
</div>
|
||
<div class="field">
|
||
<label for="captcha">Код с картинки</label>
|
||
<div class="captcha-row">
|
||
<span class="captcha-box" data-captcha></span>
|
||
<button
|
||
class="btn btn--quiet btn--small"
|
||
type="button"
|
||
data-captcha-refresh
|
||
aria-label="Обновить код"
|
||
>
|
||
↻ обновить
|
||
</button>
|
||
</div>
|
||
<input
|
||
type="text"
|
||
id="captcha"
|
||
name="captcha"
|
||
inputmode="text"
|
||
autocomplete="off"
|
||
placeholder="символы с картинки"
|
||
style="margin-top: 10px"
|
||
/>
|
||
<span class="error-text">Введите код с картинки.</span>
|
||
</div>
|
||
<button class="btn btn--primary" type="submit" style="width: 100%">
|
||
Создать аккаунт
|
||
</button>
|
||
</form>
|
||
<div class="auth-links">
|
||
<span>Уже есть аккаунт? <a href="cabinet.html">Войдите</a></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="container">
|
||
<span class="privacy-note"
|
||
>◎ Без сбора данных: прогресс хранится только на вашем устройстве.</span
|
||
>
|
||
<nav aria-label="Меню в подвале">
|
||
<ul>
|
||
<li><a href="learn.html">Курс</a></li>
|
||
<li><a href="tsumego.html">Цумэ-го</a></li>
|
||
<li><a href="play.html">Играть</a></li>
|
||
<li><a href="cabinet.html">Кабинет</a></li>
|
||
</ul>
|
||
</nav>
|
||
<span>© 2026 Иго</span>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html>
|