S.Gromov
07b349e678
- обновлено описание карточки React Style Guide - синхронизирован SSR-шаблон главной страницы - добавлены ссылки NextJS Style Guide в статическую версию
181 lines
6.9 KiB
HTML
181 lines
6.9 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="description" content="Единое пространство для идей, черновиков и первых версий документаций" />
|
||
<script>
|
||
;(() => {
|
||
const theme = localStorage.getItem('vitepress-theme-appearance') || localStorage.getItem('all-docs-theme') || 'auto'
|
||
const normalizedTheme = theme === 'system' ? 'auto' : theme
|
||
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
|
||
const resolvedTheme = normalizedTheme === 'auto' ? (prefersDark ? 'dark' : 'light') : normalizedTheme
|
||
|
||
document.documentElement.dataset.theme = normalizedTheme
|
||
document.documentElement.classList.toggle('dark', resolvedTheme === 'dark')
|
||
document.documentElement.style.colorScheme = resolvedTheme
|
||
})()
|
||
</script>
|
||
<style>
|
||
.static-shell {
|
||
max-width: 960px;
|
||
margin: 0 auto;
|
||
padding: 48px 24px;
|
||
color: CanvasText;
|
||
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||
line-height: 1.55;
|
||
}
|
||
|
||
.static-shell h1 {
|
||
margin: 0 0 16px;
|
||
font-size: clamp(32px, 6vw, 56px);
|
||
line-height: 1;
|
||
}
|
||
|
||
.static-shell p {
|
||
margin: 0;
|
||
}
|
||
|
||
.static-lead {
|
||
max-width: 760px;
|
||
color: color-mix(in srgb, CanvasText 72%, Canvas);
|
||
font-size: 18px;
|
||
}
|
||
|
||
.static-actions {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 12px;
|
||
margin-top: 24px;
|
||
}
|
||
|
||
.static-docs {
|
||
display: grid;
|
||
gap: 16px;
|
||
margin: 40px 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
}
|
||
|
||
.static-card {
|
||
padding: 20px;
|
||
border: 1px solid color-mix(in srgb, CanvasText 18%, Canvas);
|
||
border-radius: 16px;
|
||
background: color-mix(in srgb, CanvasText 4%, Canvas);
|
||
}
|
||
|
||
.static-card h2 {
|
||
margin: 0 0 8px;
|
||
font-size: 22px;
|
||
line-height: 1.2;
|
||
}
|
||
|
||
.static-meta {
|
||
margin-bottom: 8px;
|
||
color: color-mix(in srgb, CanvasText 58%, Canvas);
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.static-links {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 12px;
|
||
margin-top: 14px;
|
||
}
|
||
|
||
.static-shell a {
|
||
color: LinkText;
|
||
}
|
||
|
||
.static-footer {
|
||
color: color-mix(in srgb, CanvasText 58%, Canvas);
|
||
font-size: 13px;
|
||
}
|
||
</style>
|
||
<title>Документация</title>
|
||
</head>
|
||
<body>
|
||
<div id="root">
|
||
<main class="static-shell" aria-labelledby="static-title">
|
||
<header>
|
||
<h1 id="static-title">Документация</h1>
|
||
<p class="static-lead">
|
||
Единое пространство для идей, черновиков и первых версий документаций,
|
||
которые ещё формируются и постепенно становятся самостоятельными материалами.
|
||
</p>
|
||
<div class="static-actions">
|
||
<a href="https://gromlab.ru/gromov/docs">Репозиторий</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section aria-labelledby="static-docs-title">
|
||
<h2 id="static-docs-title">Список документаций</h2>
|
||
<ul class="static-docs">
|
||
<li class="static-card">
|
||
<article>
|
||
<div class="static-meta">Архитектура · Доступно</div>
|
||
<h2><a href="/slm-design/">SLM Design</a></h2>
|
||
<p>
|
||
Архитектура frontend-приложений, где слои задают направление зависимостей,
|
||
модули становятся границами ответственности, а явный DI через фабрики удерживает домены изолированными и предсказуемыми.
|
||
</p>
|
||
<div class="static-links" aria-label="LLM-артефакты SLM Design">
|
||
<a href="/slm-design/llms.txt">llms.txt</a>
|
||
<a href="/slm-design/llms-full.txt">llms-full.txt</a>
|
||
</div>
|
||
</article>
|
||
</li>
|
||
|
||
<li class="static-card">
|
||
<article>
|
||
<div class="static-meta">Стайлгайд · Доступно</div>
|
||
<h2><a href="/nextjs-style-guide/">NextJS Style Guide</a></h2>
|
||
<p>
|
||
Практический стайлгайд для разработки frontend-приложений на Next.js и TypeScript.
|
||
</p>
|
||
<div class="static-links" aria-label="LLM-артефакты NextJS Style Guide">
|
||
<a href="/nextjs-style-guide/llms.txt">llms.txt</a>
|
||
<a href="/nextjs-style-guide/llms-full.txt">llms-full.txt</a>
|
||
</div>
|
||
</article>
|
||
</li>
|
||
|
||
<li class="static-card">
|
||
<article>
|
||
<div class="static-meta">Стайлгайд · Скоро</div>
|
||
<h2>React Style Guide</h2>
|
||
<p>
|
||
Практический стайлгайд для разработки frontend-приложений на React и TypeScript.
|
||
</p>
|
||
</article>
|
||
</li>
|
||
|
||
<li class="static-card">
|
||
<article>
|
||
<div class="static-meta">Макеты · Доступно</div>
|
||
<h2><a href="/figma-adaptive-standards/">Figma Adaptive Standards</a></h2>
|
||
<p>
|
||
Стандарты и требования к подготовке адаптивных макетов в Figma: брейкпоинты,
|
||
ресайз в диапазоне, Auto Layout/Constraints, компоненты, сетка, типографика, состояния UI, A11y и передача в разработку.
|
||
</p>
|
||
<div class="static-links" aria-label="LLM-артефакты Figma Adaptive Standards">
|
||
<a href="/figma-adaptive-standards/llms.txt">llms.txt</a>
|
||
<a href="/figma-adaptive-standards/llms-full.txt">llms-full.txt</a>
|
||
</div>
|
||
</article>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<footer class="static-footer">
|
||
Автор документации: <a href="https://gromlab.ru/gromov">Сергей Громов</a>
|
||
</footer>
|
||
</main>
|
||
</div>
|
||
<script type="module" src="/src/main.tsx"></script>
|
||
</body>
|
||
</html>
|