sab.code.lab
1c85091186
Прежняя git-история утрачена при переносе проекта на машину владельца (снапшот без .git). Хэши коммитов в docs/reports/* относятся к утраченной истории. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
340 lines
12 KiB
HTML
340 lines
12 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" aria-current="page">Цумэ-го</a></li>
|
||
<li><a href="play.html">Играть</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">
|
||
<form class="card filters" data-tsumego-filters aria-label="Фильтры задач">
|
||
<div class="field">
|
||
<label for="f-theme">Тема</label>
|
||
<select id="f-theme" name="theme">
|
||
<option value="all">Все темы</option>
|
||
<option value="life">Жизнь и смерть</option>
|
||
<option value="capture">Захват</option>
|
||
<option value="ladder">Лестницы</option>
|
||
<option value="semeai">Сэмэаи</option>
|
||
</select>
|
||
</div>
|
||
<div class="field">
|
||
<label for="f-diff">Сложность</label>
|
||
<select id="f-diff" name="difficulty">
|
||
<option value="all">Любая</option>
|
||
<option value="1">★ 1 — разминка</option>
|
||
<option value="2">★ 2 — легко</option>
|
||
<option value="3">★ 3 — средне</option>
|
||
<option value="4">★ 4 — трудно</option>
|
||
<option value="5">★ 5 — для упёртых</option>
|
||
</select>
|
||
</div>
|
||
<div class="field">
|
||
<label for="f-status">Статус</label>
|
||
<select id="f-status" name="status">
|
||
<option value="all">Все</option>
|
||
<option value="unsolved">Нерешённые</option>
|
||
<option value="solved">Решённые</option>
|
||
</select>
|
||
</div>
|
||
<div class="field">
|
||
<button class="btn btn--quiet btn--small" type="reset">Сбросить</button>
|
||
</div>
|
||
</form>
|
||
|
||
<div class="problems-grid">
|
||
<div
|
||
class="card problem-card"
|
||
data-problem="p01"
|
||
data-theme="capture"
|
||
data-difficulty="1"
|
||
>
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="d4,c5,e5"
|
||
data-white="d5"
|
||
data-mark="d6"
|
||
></div>
|
||
</div>
|
||
<h3>Последнее дыхание</h3>
|
||
<div class="meta">
|
||
<span class="stars">★<span class="off">★★★★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="card problem-card"
|
||
data-problem="p02"
|
||
data-theme="capture"
|
||
data-difficulty="1"
|
||
>
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="b2,c3,b4"
|
||
data-white="b3"
|
||
data-mark="a3"
|
||
></div>
|
||
</div>
|
||
<h3>Камень у края</h3>
|
||
<div class="meta">
|
||
<span class="stars">★<span class="off">★★★★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card problem-card" data-problem="p03" data-theme="life" data-difficulty="2">
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="b2,c2,d2,b3,d3,b4,c4"
|
||
data-white="c3,d4"
|
||
data-mark="e3"
|
||
></div>
|
||
</div>
|
||
<h3>Один глаз или два?</h3>
|
||
<div class="meta">
|
||
<span class="stars">★★<span class="off">★★★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card problem-card" data-problem="p04" data-theme="ladder" data-difficulty="2">
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="e5,f4"
|
||
data-white="e4,f5,g6"
|
||
data-mark="d4"
|
||
></div>
|
||
</div>
|
||
<h3>Лестница работает?</h3>
|
||
<div class="meta">
|
||
<span class="stars">★★<span class="off">★★★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card problem-card" data-problem="p05" data-theme="life" data-difficulty="3">
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="b2,c2,d2,e2,b3,e3"
|
||
data-white="c3,d3,b4,c4,d4,e4"
|
||
data-mark="c5"
|
||
></div>
|
||
</div>
|
||
<h3>Гнутая четвёрка</h3>
|
||
<div class="meta">
|
||
<span class="stars">★★★<span class="off">★★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card problem-card" data-problem="p06" data-theme="semeai" data-difficulty="3">
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="d3,d4,d5,e5"
|
||
data-white="e3,e4,f4,f5"
|
||
data-mark="c4"
|
||
></div>
|
||
</div>
|
||
<h3>Гонка на захват</h3>
|
||
<div class="meta">
|
||
<span class="stars">★★★<span class="off">★★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="card problem-card"
|
||
data-problem="p07"
|
||
data-theme="capture"
|
||
data-difficulty="3"
|
||
>
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="c4,d3,e4,d5"
|
||
data-white="d4,c5"
|
||
data-mark="e5"
|
||
></div>
|
||
</div>
|
||
<h3>Сеть вместо лестницы</h3>
|
||
<div class="meta">
|
||
<span class="stars">★★★<span class="off">★★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card problem-card" data-problem="p08" data-theme="ladder" data-difficulty="4">
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="e5,f4,g3"
|
||
data-white="e4,f5,c7"
|
||
data-mark="d3"
|
||
></div>
|
||
</div>
|
||
<h3>Лестница с приманкой</h3>
|
||
<div class="meta">
|
||
<span class="stars">★★★★<span class="off">★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card problem-card" data-problem="p09" data-theme="semeai" data-difficulty="4">
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="c3,d3,e3,c4,e4"
|
||
data-white="c5,d5,e5,d4"
|
||
data-mark="f4"
|
||
></div>
|
||
</div>
|
||
<h3>Четыре против трёх</h3>
|
||
<div class="meta">
|
||
<span class="stars">★★★★<span class="off">★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card problem-card" data-problem="p10" data-theme="life" data-difficulty="5">
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="b2,c2,d2,e2,f2,b3,f3"
|
||
data-white="c3,d3,e3,b4,c4,d4,e4,f4"
|
||
data-mark="g3"
|
||
></div>
|
||
</div>
|
||
<h3>Шесть в углу живут?</h3>
|
||
<div class="meta"><span class="stars">★★★★★</span><span data-solved-slot></span></div>
|
||
</div>
|
||
|
||
<div
|
||
class="card problem-card"
|
||
data-problem="p11"
|
||
data-theme="capture"
|
||
data-difficulty="2"
|
||
>
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="d6,e5"
|
||
data-white="d5,e6,f6"
|
||
data-mark="c5"
|
||
></div>
|
||
</div>
|
||
<h3>Двойное атари</h3>
|
||
<div class="meta">
|
||
<span class="stars">★★<span class="off">★★★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card problem-card" data-problem="p12" data-theme="life" data-difficulty="1">
|
||
<div class="thumb">
|
||
<div
|
||
class="goban-static"
|
||
data-size="9"
|
||
data-black="b2,c2,d2,b4,c4,d4"
|
||
data-white="b3,c3,d3"
|
||
data-mark="e3"
|
||
></div>
|
||
</div>
|
||
<h3>Прямая тройка</h3>
|
||
<div class="meta">
|
||
<span class="stars">★<span class="off">★★★★</span></span
|
||
><span data-solved-slot></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="empty-state" data-empty-state style="display: none">
|
||
<span class="glyph">○ ●</span>
|
||
<p>
|
||
<strong>Под фильтры ничего не подошло.</strong><br />Ослабьте условия — или отметьтесь в
|
||
разделе «Прогресс», если решили всё.
|
||
</p>
|
||
</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>
|