# Промпт Cursor: подключить YouOnline24 CDN в проект **Публичная ссылка:** https://cdn.youonline24.ru/docs/v1/cursor-integrate.html **Документация по интеграции:** https://cdn.youonline24.ru/docs/v1/integration.html Скопируйте этот текст в чат Cursor, когда ИИ-разработчику нужно внедрить YouOnline24 CDN-блоки в новый/существующий проект. --- ## Контекст CDN base: **https://cdn.youonline24.ru** Подключаемые файлы: - CSS tokens: `https://cdn.youonline24.ru/design/v1/yo24-tokens.css` - CSS base: `https://cdn.youonline24.ru/blocks/v1/yo24-base.css` - JS loader: `https://cdn.youonline24.ru/blocks/v1/yo24-blocks.js` Демо: https://cdn.youonline24.ru/demo/v1/ --- ## Цель Сайт/приложение должно использовать общие блоки YouOnline24 **через Web Components**, без копипасты HTML футера/доната/лицензии. --- ## Ограничения (строго) - **Bootstrap:** используй последнюю стабильную версию **Bootstrap 5.x** для верстки UI проекта (через CDN jsDelivr), если проект не закреплён на другой системе. Пример подключения: ```html ``` - **Только светлая тема.** Не добавляй dark mode, `prefers-color-scheme: dark`, тёмные фоны. - **Палитра:** `#5a189a`, `#ff9e00`, `#000`, `#fff`, `#f7f7f7`. - **Не копируй** HTML копирайта/лицензии вручную — только ``. --- ## Что сделать в проекте ### 1) Найди общий layout Определи, где вставляется общий код страниц: - `index.html` / `layout.html` - шаблон: `base.php`, `layout.php`, `*.twig`, `*.blade.php` - общий React/Vue layout (например `App.tsx`, `Layout.tsx`) ### 2) Подключи CSS в `` Добавь (или эквивалентно для вашего стека): ```html ``` ### 3) Вставь блоки в конец `` Минимум: ```html ``` Рекомендуется: ```html ``` Опционально (если в проекте есть хранение снимков/чувствительных данных): ```html ``` ### 4) Удали дубли Найди и удали старые блоки: - ручной футер (копирайт YouOnline24, лицензия) - ручной донат - любые дубли `