sab.code.lab
1c85091186
Прежняя git-история утрачена при переносе проекта на машину владельца (снапшот без .git). Хэши коммитов в docs/reports/* относятся к утраченной истории. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
161 lines
6.5 KiB
HTML
161 lines
6.5 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="Партия Го против компьютера: доски 9×9, 13×13 и 19×19, шесть уровней ИИ, подсказки трёх лучших ходов."
|
||
/>
|
||
<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" aria-current="page">Играть</a></li>
|
||
<li><a href="progress.html">Прогресс</a></li>
|
||
<li><a href="cabinet.html">Кабинет</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="page-head">
|
||
<div class="container">
|
||
<p class="kicker">партия против компьютера</p>
|
||
<h1>Играть</h1>
|
||
<p>
|
||
Нажмите на пересечение, чтобы поставить камень. ИИ играет по правилам с захватом,
|
||
запретом самоубийства и простым ко.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="play-layout">
|
||
<div class="board-wrap">
|
||
<svg id="goban" role="application" aria-label="Игровая доска Го"></svg>
|
||
</div>
|
||
|
||
<aside class="play-panel">
|
||
<div class="card">
|
||
<h2>Настройки партии</h2>
|
||
<div class="settings-grid">
|
||
<div class="field">
|
||
<label for="board-size">Доска</label>
|
||
<select id="board-size" name="board-size">
|
||
<option value="9" selected>9 × 9</option>
|
||
<option value="13">13 × 13</option>
|
||
<option value="19">19 × 19</option>
|
||
</select>
|
||
</div>
|
||
<div class="field">
|
||
<label for="ai-level">Уровень ИИ</label>
|
||
<select id="ai-level" name="ai-level">
|
||
<option value="1">1 — новичок</option>
|
||
<option value="2" selected>2 — ученик</option>
|
||
<option value="3">3 — любитель</option>
|
||
<option value="4">4 — крепкий</option>
|
||
<option value="5">5 — сильный</option>
|
||
<option value="6">6 — мастер</option>
|
||
</select>
|
||
</div>
|
||
<div class="field">
|
||
<label for="color">Ваш цвет</label>
|
||
<select id="color" name="color">
|
||
<option value="black" selected>Чёрные</option>
|
||
<option value="white">Белые</option>
|
||
</select>
|
||
</div>
|
||
<div class="field">
|
||
<label for="komi">Коми</label>
|
||
<select id="komi" name="komi">
|
||
<option value="0">0</option>
|
||
<option value="5.5">5,5</option>
|
||
<option value="6.5" selected>6,5</option>
|
||
<option value="7.5">7,5</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h2>Пленники</h2>
|
||
<div class="captures">
|
||
<span class="side"
|
||
><span class="stone-dot black"></span> Чёрные взяли:
|
||
<strong data-captures="black">0</strong></span
|
||
>
|
||
<span class="side"
|
||
><span class="stone-dot white"></span> Белые взяли:
|
||
<strong data-captures="white">0</strong></span
|
||
>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="status-line" data-status role="status">Новая партия. Ваш ход.</div>
|
||
|
||
<div class="card">
|
||
<h2>Три лучших хода</h2>
|
||
<ul class="hints-list" data-hints></ul>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h2>Управление</h2>
|
||
<div class="btn-row">
|
||
<button class="btn btn--small" type="button" data-action="pass">Пас</button>
|
||
<button class="btn btn--small btn--quiet" type="button" data-action="undo">
|
||
Отменить ход
|
||
</button>
|
||
<button class="btn btn--small btn--danger" type="button" data-action="resign">
|
||
Сдаться
|
||
</button>
|
||
<button class="btn btn--small btn--primary" type="button" data-action="new">
|
||
Новая партия
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
</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>
|
||
<script src="js/go.js"></script>
|
||
</body>
|
||
</html>
|