fix: переключатель темы вправо у меню + карточка первого поста + подключение typewriter.css через extend_head
- 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 не подключался. Этот коммит чинит оба бага + курсор.
This commit is contained in:
@@ -0,0 +1,33 @@
|
||||
# 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`, пересобрать —
|
||||
вернётся исходное поведение темы.
|
||||
Reference in New Issue
Block a user