Files

69 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Демо разметки — содержание</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="nav">
<div class="nav-inner">
<a class="brand" href="index.html">Демо разметки</a>
<nav>
<a class="current" href="index.html">Содержание</a>
<a href="00.html">0. Cursor</a>
<a href="01.html">1. Разметка</a>
<a href="02.html">2. Экспорт</a>
<a href="03.html">3. ИИ</a>
<a href="04.html">4. Git</a>
</nav>
</div>
</header>
<main class="wrap">
<h1>Содержание</h1>
<p class="lead">Небольшой сайт по блокам демо. Листай сверху или карточки ниже.</p>
<img class="hero" src="img/site-index-hero.png" alt="Книга, которая становится сайтом с оглавлением">
<ol class="card-list">
<li>
<a href="00.html">
<strong>Блок 0. Cursor</strong>
<span>Зачем редактор, совсем коротко. Потом будет подробнее.</span>
</a>
</li>
<li>
<a href="01.html">
<strong>Блок 1. Языки разметки</strong>
<span>Markdown, HTML внутри md, формулы, простой Mermaid.</span>
</a>
</li>
<li>
<a href="02.html">
<strong>Блок 2. Экспорт и ffmpeg</strong>
<span>PDF/HTML из md, плагины, картинки в WebP для сайта.</span>
</a>
</li>
<li>
<a href="03.html">
<strong>Блок 3. ИИ</strong>
<span>Форматирование документов: Cursor, а если лимиты кончились — Gemini / GPT.</span>
</a>
</li>
<li>
<a href="04.html">
<strong>Блок 4. Git</strong>
<span>Почему это лучше бесконечных «финал2.docx». Без команд.</span>
</a>
</li>
</ol>
<div class="pager">
<span></span>
<a href="00.html">Блок 0. Cursor →</a>
</div>
</main>
</body>
</html>