v4: init — STATUS.md, prompts/, AGENTS.md, git setup

This commit is contained in:
neo committed 2026-06-19 13:02:06 +05:00
commit 2d0c7d6156
15 files changed
+13752

No files matched your search

+18
View File
@@ -0,0 +1,18 @@
# Консистентность кнопок CTA
## Правило
Все кнопки призыва к действию — зелёные (`btn-green`):
- "Начать бесплатно" (навигация + карточка тарифа)
- "Узнать, сколько теряете →" (hero)
- "Узнать, сколько потеряли →" (CTA-секция)
- "Написать в Telegram" (CTA-секция + футер)
- "Принять" (cookie-banner)
## Не трогать
- `btn-secondary` — "Посмотреть пример отчёта", "Загрузить звонки", "Отклонить"
- Кнопки внутри карточек тарифов "Загрузить звонки" — остаются secondary
## Классы
- `.btn-green` — primary action (зелёная)
- `.btn-secondary` — secondary action (контурная)
- `.btn-primary` — больше не используется, заменить на `btn-green`
+21
View File
@@ -0,0 +1,21 @@
# Шаблон: Дашборд сотрудников
## Структура
- На десктопе — табличное представление (`.employee-table-view`)
- На мобильном (≤768px) — карточное представление (`.employee-card-view`)
- Переключатель табов УБРАН — автоматическое переключение по ширине экрана
- `display: none` / `display: flex` управляется через CSS медиа-запросы
## Колонки таблицы
Сотрудник | Звонки | Балл | Скрипт | Конверсия | Ср. время | Тренд
## Карточка сотрудника
- Аватар с инициалами
- Круговая диаграмма score-ring
- Метрики в 2 колонки (балл, скрипт, конверсия, время)
- Блок "Слабое место" с иконкой-треугольником
## Правила
- Новые сотрудники добавляются как строки/карточки с той же структурой
- Тренд: зелёный +X.X, красный -X.X
- Не менять структуру — только добавлять данные
+16
View File
@@ -0,0 +1,16 @@
# Адаптация секции под мобильный (≤768px)
## Конвенции
- Брейкпоинт: `@media (max-width: 768px)`
- Grid → `grid-template-columns: 1fr` (одна колонка)
- Flex → `flex-direction: column` (вертикальный стек)
- Padding → уменьшить с 3rem до 1.5rem
- Шрифты — не мельче 14px для текста, 18px для заголовков
- Кнопки на всю ширину: `width: 100%`
- Не трогать `scroll-behavior`, `animation`, GSAP-триггеры
## Порядок
1. Найти секцию в `index-v4.html` по CSS-классу или тексту
2. Добавить/обновить правило в `@media (max-width: 768px)`
3. Если секция табличная — заменить на карточный вид (`.employee-card-view`)
4. Проверить, что нет `overflow-x: hidden` на контенте