Files
dedinit.ru/openspec/changes/theme-toggle-first-post-card/proposal.md
T
estorozhenko 57840211f0 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 не подключался. Этот коммит чинит оба бага + курсор.
2026-09-19 18:04:15 +00:00

2.1 KiB
Raw Blame History

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, пересобрать — вернётся исходное поведение темы.