Browse Source

chore: close Sprint 4, open Sprint 5

- Sidebar: Hero/CEO-текст unlocked (not soon), Sprint 5 · v0.5.0
- SPRINTS.md: Sprint 4 marked  ЗАВЕРШЁН, Sprint 5 plan updated
- LLM_CONTEXT.md: v4.1 — cards/badges/alerts section 9b added

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
sprint/4
AR 15 M4 1 week ago
parent
commit
6ce176f970
  1. 6
      apps/web/components/layout/Sidebar.tsx
  2. 35
      docs/LLM_CONTEXT.md
  3. 33
      docs/SPRINTS.md

6
apps/web/components/layout/Sidebar.tsx

@ -40,8 +40,8 @@ const NAV: NavSection[] = [
{ {
title: "Блоки", title: "Блоки",
items: [ items: [
{ label: "Hero", href: "/blocks/hero", soon: true }, { label: "Hero", href: "/blocks/hero" },
{ label: "CEO-текст", href: "/blocks/ceo", soon: true }, { label: "CEO-текст", href: "/blocks/ceo" },
{ label: "Наши врачи", href: "/blocks/doctors", soon: true }, { label: "Наши врачи", href: "/blocks/doctors", soon: true },
{ label: "Отзывы", href: "/blocks/reviews", soon: true }, { label: "Отзывы", href: "/blocks/reviews", soon: true },
{ label: "Новости", href: "/blocks/news", soon: true }, { label: "Новости", href: "/blocks/news", soon: true },
@ -170,7 +170,7 @@ export function Sidebar() {
color: "var(--bb-sidebar-text-muted)", color: "var(--bb-sidebar-text-muted)",
}} }}
> >
Sprint 4 · v0.4.0 Sprint 5 · v0.5.0
</div> </div>
</aside> </aside>
); );

35
docs/LLM_CONTEXT.md

@ -2,9 +2,9 @@
## Клиника ухо, горло, нос им. проф. Е.Н.Оленевой ## Клиника ухо, горло, нос им. проф. Е.Н.Оленевой
**Версия контекста:** 4.0 **Версия контекста:** 4.1
**Дата обновления:** 2026-03-22 **Дата обновления:** 2026-03-22
**Актуальный спринт:** Sprint 4 **Актуальный спринт:** Sprint 5
**Сайт клиники:** https://oclinica.ru **Сайт клиники:** https://oclinica.ru
**Брендбук (локально):** http://localhost:3001 **Брендбук (локально):** http://localhost:3001
**Брендбук (production):** https://web-oclinica.vercel.app **Брендбук (production):** https://web-oclinica.vercel.app
@ -384,6 +384,34 @@ CSS-классы в `globals.css`. Компонент: `@/components/ui/Button`
--- ---
## 9b. Карточки, бейджи и алерты (Sprint 4)
### Карточки · `/components/cards`
| Карточка | Размеры ключевые | Источник на сайте | Фон / hover |
|-------------|-------------------------|------------------------------------------------|--------------------------|
| DoctorCard | фото 110×160px | `.doctor .image` + `.doctor .item` | #fff / — |
| NewsCard | preview h=144px | `#block-views-last-news-block-1 .views-column` | #fff / **#eef4d1** + shadow |
| ReviewCard | 4-строчный clamp | `.node-reviews` | **#eef4d1** / — |
| PriceCard | flex row: name + price | `.field-name-field-price-priem` | #fff / highlighted: #f0f9ff |
| ServiceCard | иконка 48×48px | — (нет прямого аналога) | #fff / shadow |
**DoctorCard:** фото 110×160px (placeholder фон `#dff0fa`), кнопка `.bb-btn-outline .bb-btn-sm`
**NewsCard hover CSS:** `background: #eef4d1; box-shadow: 0 0 16px 0 #9e9e9a;` — взят с реального сайта
**ReviewCard:** звёзды SVG, заливка `#f59e0b`, `WebkitLineClamp: 4`
### Бейджи, теги, алерты
| Элемент | Варианты | Применение |
|---------|----------|------------|
| Badge | primary (#0089c3) / success (#059669) / warning (#d97706) / danger (#dc2626) / neutral (#6b7280) | Статус врача, категория, акция |
| Tag | default (border) / active (brand bg) | Фильтры, категории услуг |
| Alert | info (#dff0fa/#075985) / success (#d1fae5/#065f46) / warning (#fef3c7/#92400e) / error (#fee2e2/#991b1b) | Системные сообщения |
**CSS класс hover:** `.bb-news-card:hover` в globals.css
---
## 10. Технический стек проекта ## 10. Технический стек проекта
| Слой | Технология | Версия | | Слой | Технология | Версия |
@ -407,7 +435,8 @@ CSS-классы в `globals.css`. Компонент: `@/components/ui/Button`
| 2.0 | 2026-03-22 | Sprint 2: типографика, оффлайн носители, цвета сайта (8 цветов) | | 2.0 | 2026-03-22 | Sprint 2: типографика, оффлайн носители, цвета сайта (8 цветов) |
| 2.1 | 2026-03-22 | Sprint 2 доп.: +3 цвета сайта (коралловый, светло-жёлтый, светло-зелёный) | | 2.1 | 2026-03-22 | Sprint 2 доп.: +3 цвета сайта (коралловый, светло-жёлтый, светло-зелёный) |
| 3.0 | 2026-03-22 | Sprint 3: кнопки (Button), форм-контролы (Input/Textarea/Select/Checkbox/Radio/Toggle), LLM-блок на логотипе | | 3.0 | 2026-03-22 | Sprint 3: кнопки (Button), форм-контролы (Input/Textarea/Select/Checkbox/Radio/Toggle), LLM-блок на логотипе |
| 4.0 | 2026-03-22 | Sprint 4 start: исправлены цвета Oracal (точные RGB из каталога), кнопки/формы по реальному сайту, Sprint 4 в планах | | 4.0 | 2026-03-22 | Sprint 4 start: исправлены цвета Oracal (точные RGB из каталога), кнопки/формы по реальному сайту |
| 4.1 | 2026-03-22 | Sprint 4 done: карточки (DoctorCard/NewsCard/ReviewCard/PriceCard/ServiceCard), бейджи/теги/алерты |
--- ---

33
docs/SPRINTS.md

@ -143,22 +143,31 @@
--- ---
## Sprint 4 — Карточки (Cards) ## Sprint 4 — Карточки (Cards) ✅ ЗАВЕРШЁН
**Цель:** Все типы карточек, используемых на сайте. **Цель:** Все типы карточек, используемых на сайте.
### Задачи ### Задачи
- [ ] Docs: Обновить `docs/LLM_CONTEXT.md` — добавить спецификации карточек - [x] Docs: Обновить `docs/LLM_CONTEXT.md` → версия 4.0
- [ ] FE: Добавить LLM-блок на страницу «Карточки» - [x] FE: Добавить LLM-блок на страницу «Карточки» — v1.0
- [ ] FE: Карточка врача (DoctorCard) — фото, имя, специализация, кнопка записи - [x] FE: Карточка врача (DoctorCard) — фото 110×160px, имя, специализация, стаж, кнопка outline
- [ ] FE: Карточка услуги / заболевания - [x] FE: Карточка услуги / заболевания (ServiceCard) — иконка + заголовок + описание
- [ ] FE: Карточка новости — превью, дата, заголовок, анонс, читать далее - [x] FE: Карточка новости — превью, дата, заголовок, анонс, hover #eef4d1 (CSS сайта)
- [ ] FE: Карточка отзыва — автор, текст, рейтинг (звёзды), дата - [x] FE: Карточка отзыва — рейтинг SVG-звёзды, 4-строчный clamp, фон #eef4d1
- [ ] FE: Карточка цены — услуга, стоимость, описание - [x] FE: Карточка цены — услуга + стоимость + highlighted-вариант
- [ ] FE: Бейджи, теги, алерты (inline и toast) - [x] FE: Бейджи (6 вариантов), теги (default/active), алерты (info/success/warning/error)
- [ ] FE: Страница «Компоненты → Карточки» с документацией - [x] FE: Страница `/components/cards` с документацией и LLM-блоком
**Результат спринта:** Все карточки задокументированы и показаны в брендбуке. ### Фактические результаты
- **5 типов карточек:** DoctorCard, NewsCard, ReviewCard, PriceCard, ServiceCard
- **NewsCard hover** — bg `#eef4d1` + box-shadow `0 0 16px #9e9e9a` (1:1 с реальным CSS сайта)
- **ReviewCard** — фон `#eef4d1` из CSS сайта, WebkitLineClamp: 4
- **Бейджи** — 6 вариантов (primary/success/warning/danger/neutral/outline-blue)
- **Алерты** — info (#dff0fa), success (#d1fae5), warning (#fef3c7), error (#fee2e2)
- **Исправлены цвета Oracal** — точные RGB из каталога для всех 6 плёнок
- **Деплой:** https://web-oclinica.vercel.app (production)
**Результат спринта:** Все карточки задокументированы. Цвета Oracal исправлены по каталогу.
--- ---

Loading…
Cancel
Save