sab.code.lab
1c85091186
Прежняя git-история утрачена при переносе проекта на машину владельца (снапшот без .git). Хэши коммитов в docs/reports/* относятся к утраченной истории. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
116 lines
4.8 KiB
HTML
116 lines
4.8 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" data-logged-out>
|
||
<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="current-password"
|
||
placeholder="••••••••"
|
||
/>
|
||
<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="register.html">Зарегистрируйтесь</a></span>
|
||
<a href="register.html">Забыли пароль?</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- состояние: вы вошли -->
|
||
<div class="card auth-card logged-in" data-logged-in hidden>
|
||
<h1>Вы вошли</h1>
|
||
<p class="email" data-user-email>you@example.com</p>
|
||
<p style="color: var(--ink-soft); font-size: 0.95rem">
|
||
Прогресс пока на этом устройстве. Нажмите синхронизацию, чтобы забрать его с собой.
|
||
</p>
|
||
<div class="btn-row" style="justify-content: center">
|
||
<button class="btn btn--primary" type="button" data-sync>
|
||
Синхронизировать прогресс
|
||
</button>
|
||
<button class="btn btn--danger" type="button" data-logout>Выйти</button>
|
||
</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>
|