Подготовил презентацию

site/00.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Блок 0. Cursor</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 href="index.html">Содержание</a>
+        <a class="current" 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 content">
+    <h1>Блок 0. Cursor — зачем он тут</h1>
+    <img src="img/cursor-intro.png" alt="Cursor как мастерская" width="720">
+
+    <p>Это редактор кода (форк VS Code) с нормальным ИИ внутри: чат видит файлы, может править их сам, не через копипаст.</p>
+    <p>Сегодня он нам нужен как <strong>сцена</strong>:</p>
+    <ul>
+      <li>слева текст <code>.md</code></li>
+      <li>справа превью (как это выглядит «для людей»)</li>
+      <li>плагины те же, что в VS Code: Markdown PDF, Mermaid и т.д.</li>
+      <li>если надо быстро привести документ в порядок — ИИ в чате, не Word</li>
+    </ul>
+    <p>Подробнее про ИИ — в <a href="03.html">блоке 3</a>. Сейчас просто открываем файлы и смотрим, как разметка оживает.</p>
+
+    <div class="pager">
+      <a href="index.html">← Содержание</a>
+      <a href="01.html">Блок 1. Разметка →</a>
+    </div>
+  </main>
+</body>
+</html>