1. 2. ```markdown # PresentationCG v2 — Генератор HTML-презентаций Эффектные презентации из HTML + CSS + JS. Открываются в браузере. Без серверов, без интернета, без PowerPoint. --- ## Быстрый старт 1. Скачайте папку `presentations/` 2. Скачайте vendor-файлы и шрифты (см. раздел «Зависимости») 3. Откройте `demo/index.html` в браузере 4. Управляйте стрелками ← → или свайпом на мобильных 5. Нажмите `?` для списка горячих клавиш Всё. Вы на сцене. --- ## Структура проекта ``` presentations/ │ ├── _lib/ ← Общая библиотека (не трогать) │ ├── css/ │ │ ├── core.css ← Reset, переменные, типографика, layout │ │ ├── animations.css ← 40+ CSS-анимаций │ │ ├── transitions.css ← 8 переходов между слайдами │ │ └── slides.css ← 20 типов слайдов │ ├── js/ │ │ ├── engine.js ← Навигация, клавиши, touch, меню, timer │ │ ├── effects.js ← 15 эффектов (Three.js, шейдеры, tilt...) │ │ ├── charts.js ← SVG-графики (bar, pie, line...) │ │ └── vendor/ ← Offline-библиотеки (скачать отдельно) │ │ ├── three.min.js │ │ ├── gsap.min.js │ │ ├── ScrollTrigger.min.js │ │ ├── typed.umd.js │ │ └── canvas-confetti.js │ └── fonts/ │ ├── inter-var.woff2 │ ├── playfair-display.woff2 │ └── jetbrains-mono.woff2 │ ├── demo/ ← Демо-презентация (10 слайдов) │ ├── index.html │ └── img/ │ └── (ваши картинки) │ ├── my-presentation/ ← Ваша презентация (создаёте копированием demo/) │ ├── index.html │ ├── style.css ← Пресет + кастомные стили │ └── img/ │ └── (ваши картинки) │ └── [README.md](http://readme.md/) ← Этот файл ``` --- ## Как создать новую презентацию 1. Скопируйте папку `demo/` → `my-new-talk/` 2. Отредактируйте `my-new-talk/index.html`: - Замените содержимое слайдов - Добавьте/удалите `

` - Задайте переход на `` - Добавьте эффекты: `

` 3. Создайте `style.css` с переменными пресета (или используйте встроенный `