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 не подключался. Этот коммит чинит оба бага + курсор.
1.7 KiB
1.7 KiB
Tasks: Theme toggle position + first post card
1. Реализация
- 1.1 Добавить в
assets/css/extended/typewriter.cssflex-order блок:.nav{flex-wrap:nowrap},.nav>.logo{order:0;margin-inline-end:auto},.nav>#menu{order:1;margin-inline-start:auto},.nav>.logo-switches{order:2;margin-inline-start:8px} - 1.2 Добавить
article.first-entry{background:var(--entry); border-radius:var(--radius);border:1px solid var(--border); padding:var(--gap)} - 1.3 Создать
layouts/partials/extend_head.html— подключениеresources.Get "css/extended/typewriter.css" | minify | fingerprint(Хуго не подхватывает корневой assets через resources.Match темы)
2. Сборка и проверка
- 2.1
make build— без ошибок - 2.2
grep -o 'typewriter.min.[^"]*\.css' public/index.html— файл подключён в head - 2.3
grep -o 'order:[012]' public/css/extended/typewriter.min.*.css— присутствуют 0, 1, 2 - 2.4
grep -o 'article.first-entry{[^}]*}' public/css/extended/typewriter.min.*.css— правило карточки присутствует - 2.5 Скрипт typewriter в JS не сломан (
grep -c 'const r=\[' public/index.html>= 1)
3. Git и деплой
- 3.1 Закоммитить
typewriter.css,extend_head.html, openspec-артефакты и запушить в gitverse (после согласования) - 3.2
make deploy(после согласования) - 3.3 Проверить на https://dedinit.ru/ — солнышко справа, первый пост с фоном