Alexey S
372b910492
- Restore UI-kit dropdown (mega menu) lost during 11ty migration: the block existed in index.html but not in components/menu.html, sourced from commit 08bd969 - Fix absolute nav links (/catalog.html, /about.html, etc.) to relative in header.njk and footer.njk for static file serving Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
DP Trade — Site UI Kit
Единый HTML/CSS проект для сайта и дизайн-системы DP Trade.
Структура
index.html— главная страница с меню, hero, карточками и футером.catalog.html— пример страницы каталога.product.html— пример страницы продукта.ui-kit.html— живая витрина дизайн-системы.css/tokens.css— дизайн-токены: цвета, шрифты, отступы, радиусы, тени.css/site.css— общие стили сайта: header, menu, footer, cards, layouts.css/ui-kit.css— стили страницы UI-kit.components/menu.html— HTML-фрагмент меню.components/footer.html— HTML-фрагмент футера.assets/imagesиassets/icons— место для локальных изображений и иконок.
Правило организации
В проекте должен быть один Git-репозиторий на уровне этой папки. Отдельные компоненты сайта живут внутри components/, а не как самостоятельные соседние проекты.
Naming
Для дизайн-системы используется формат:
[Category] / [Type] / [Variant] / [State]
Примеры:
Button / Primary / Default
Card / Product / Hover
Nav / Header / Desktop
Как смотреть
Открой index.html или ui-kit.html напрямую в браузере. Сервер для текущей версии не нужен.