estorozhenko
57840211f0
- assets/css/extended/typewriter.css: flex-order в .nav (logo | menu | toggle), article.first-entry как .post-entry (фон/рамка/скругление/отступ) - layouts/partials/extend_head.html (новый): resources.Get typewriter.css — Hugo НЕ подхватывает корневой assets/css/extended через resources.Match темы, поэтому прошлый CSS не применялся (JS работал, стили нет) - openspec: change theme-toggle-first-post-card (proposal/design/specs/tasks) ВАЖНО: прошлый деплой typewriter-эффекта был неполным — CSS не подключался. Этот коммит чинит оба бага + курсор.
33 lines
2.1 KiB
Markdown
33 lines
2.1 KiB
Markdown
# Proposal: Переключатель темы справа + карточка первого поста
|
||
|
||
## Why
|
||
|
||
Два визуальных огреха на главной странице dedinit.ru:
|
||
|
||
1. Переключатель «солнце/луна» (theme toggle) в шапке привязан к логотипу
|
||
`.logo-switches` и «бегает» вместе с заголовком при наведении/кликах,
|
||
вместо того чтобы стоять справа у навигации.
|
||
2. Первый пост на главной (`article.first-entry`) отличается от остальных
|
||
карточек: у него нет фона, рамки и внутреннего отступа (`.post-entry`
|
||
имеет `background: var(--entry)`, `border`, `border-radius`, `padding`),
|
||
из-за чего он выглядит «голым» по сравнению с соседними постами.
|
||
|
||
## What Changes
|
||
|
||
- Только CSS в `assets/css/extended/typewriter.css` (уже подключён через
|
||
новый `layouts/partials/extend_head.html` из прошлого change):
|
||
1. `flex order` в `.nav`: `logo` (слева) → `#menu` (по центру/справа) →
|
||
`.logo-switches` (крайний справа), `margin-inline` для раскидывания.
|
||
2. `article.first-entry` — добавить `background: var(--entry)`,
|
||
`border-radius: var(--radius)`, `border: 1px solid var(--border)`,
|
||
`padding: var(--gap)` (как у `.post-entry`).
|
||
- Тема `themes/rDedInit` НЕ модифицируется. DOM-разметка не меняется
|
||
(только визуальный порядок через CSS order).
|
||
|
||
## Impact
|
||
|
||
- Затронутые файлы: `assets/css/extended/typewriter.css` (дополнен),
|
||
`layouts/partials/extend_head.html` (уже есть из прошлого change — он
|
||
подключает этот CSS на всех страницах).
|
||
- Откат (rollback): удалить два CSS-блока из `typewriter.css`, пересобрать —
|
||
вернётся исходное поведение темы. |