feat: добавить лендинг, переписать документацию и унифицировать генерацию

- Добавлен лендинг на React + Vite с темой и карточками навигации
- Добавлен модуль темы (src/infra/theme) с поддержкой system/light/dark
- Документация переписана: разделы «Модули», «Сегменты», «Компонент»
- Добавлена страница навигации docs/index.md
- Генерация llms.txt переведена на парсинг сайдбара VitePress
- Описания для llms.txt вынесены в frontmatter (поле description)
- Удалена директория generated/, архив ZIP убран с лендинга
- Удалены английская документация, README_RU, concat-md.js
- Добавлен vite-плагин для UTF-8 заголовков текстовых артефактов
- Caddyfile обновлён: charset=utf-8 для llms.txt и ARCHITECTURE.md
This commit is contained in:
2026-05-01 21:00:25 +03:00
parent 004a73a869
commit 54b4060b6f
43 changed files with 3877 additions and 1282 deletions

View File

@@ -0,0 +1,55 @@
.root {
display: inline-flex;
align-items: stretch;
gap: 2px;
height: 36px;
padding: 4px;
border: 1px solid var(--border-soft);
border-radius: 999px;
background: var(--surface-soft);
}
.option {
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
padding: 0;
border: 0;
border-radius: 999px;
color: var(--text-muted);
background: transparent;
font: inherit;
font-size: 13px;
font-weight: 700;
letter-spacing: -0.01em;
cursor: pointer;
transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}
.option:hover {
color: var(--text-primary);
}
.option:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 3px;
}
.option[data-active='true'] {
color: var(--text-primary);
background: var(--page-bg);
box-shadow: 0 1px 2px var(--shadow-subtle);
}
.icon {
display: inline-flex;
width: 16px;
height: 16px;
}
.icon svg {
width: 100%;
height: 100%;
}

View File

@@ -0,0 +1,85 @@
:root {
color-scheme: light;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
--page-bg: #f7f7fa;
--surface: #f0f1f5;
--surface-soft: #ffffff;
--surface-strong: #ffffff;
--surface-raised: #ffffff;
--surface-muted: #eef0ff;
--text-primary: #181a22;
--text-secondary: #5d6474;
--text-muted: #8b93a5;
--border-soft: #dfe2ea;
--border-strong: #c8ceda;
--accent-cool: #6677ff;
--focus-ring: rgba(102, 119, 255, 0.56);
--shadow-subtle: rgba(25, 31, 54, 0.1);
}
:root[data-theme='dark'] {
color-scheme: dark;
--page-bg: #1b1c21;
--surface: #24262d;
--surface-soft: #202229;
--surface-strong: #2a2c34;
--surface-raised: #202229;
--surface-muted: #2b2e3b;
--text-primary: #f1f3f8;
--text-secondary: #a9afbf;
--text-muted: #747c90;
--border-soft: #343741;
--border-strong: #454957;
--accent-cool: #8492ff;
--focus-ring: rgba(132, 146, 255, 0.66);
--shadow-subtle: rgba(0, 0, 0, 0.24);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme='light']) {
color-scheme: dark;
--page-bg: #1b1c21;
--surface: #24262d;
--surface-soft: #202229;
--surface-strong: #2a2c34;
--surface-raised: #202229;
--surface-muted: #2b2e3b;
--text-primary: #f1f3f8;
--text-secondary: #a9afbf;
--text-muted: #747c90;
--border-soft: #343741;
--border-strong: #454957;
--accent-cool: #8492ff;
--focus-ring: rgba(132, 146, 255, 0.66);
--shadow-subtle: rgba(0, 0, 0, 0.24);
}
}
* {
box-sizing: border-box;
}
html {
min-height: 100%;
background: var(--page-bg);
}
body {
min-width: 320px;
min-height: 100vh;
margin: 0;
background: var(--page-bg);
color: var(--text-primary);
}
button,
a {
-webkit-tap-highlight-color: transparent;
}
a {
color: inherit;
}