feat: add shared blog stylesheet (blog/style.css) #49

Merged

claude-secretary merged 1 commit from baton/none-style-css-019ef3b5 into main

2026-06-23 16:12:03 +07:00

claude-secretary commented

2026-06-23 16:09:03 +07:00

Owner

Что сделано

Добавлен blog/style.css — единое оформление, общий фундамент для всех страниц блога.

Содержимое

Шапка (.site-header / .site-nav) — горизонтальная навигация с flex-раскладкой, поддержка переноса на узких экранах, состояние .is-active для текущего пункта.
Типографика — заголовки h1–h4, абзацы, ссылки (a + hover/focus), списки, blockquote, code/pre, img, hr.
Центрированный контейнер (.container) с ограниченной шириной (--max-width: 760px), отцентрованный через margin: 0 auto.
Подвал (.site-footer) прижат к низу за счёт flex sticky-footer layout (body { display:flex; flex-direction:column } + .site-main { flex: 1 0 auto }).

Ограничения соблюдены

Без внешних библиотек и шрифтов CDN — только локальный CSS.
Системный шрифтовой стек (system-ui / Segoe UI и аналоги), никаких @import / сетевых ресурсов.
Цвета и размеры вынесены в CSS-переменные :root — единообразно настраивается во всех страницах.

Проверки

Баланс фигурных скобок 32/32, валидные hex-цвета, отсутствие внешних ссылок (единственное совпадение CDN — текст комментария).
Стиль согласован с существующим webcalc/style.css (паттерн :root-переменных, reset box-sizing, отступы в 2 пробела).

Исходная задача

«Создай общий style.css» — blog/style.css как основа для последующих страниц блога.

## Что сделано Добавлен `blog/style.css` — единое оформление, общий фундамент для всех страниц блога. ### Содержимое - **Шапка** (`.site-header` / `.site-nav`) — горизонтальная навигация с flex-раскладкой, поддержка переноса на узких экранах, состояние `.is-active` для текущего пункта. - **Типографика** — заголовки `h1`–`h4`, абзацы, ссылки (`a` + hover/focus), списки, blockquote, `code`/`pre`, `img`, `hr`. - **Центрированный контейнер** (`.container`) с ограниченной шириной (`--max-width: 760px`), отцентрованный через `margin: 0 auto`. - **Подвал** (`.site-footer`) прижат к низу за счёт `flex` sticky-footer layout (`body { display:flex; flex-direction:column }` + `.site-main { flex: 1 0 auto }`). ### Ограничения соблюдены - Без внешних библиотек и шрифтов CDN — только локальный CSS. - Системный шрифтовой стек (`system-ui` / `Segoe UI` и аналоги), никаких `@import` / сетевых ресурсов. - Цвета и размеры вынесены в CSS-переменные `:root` — единообразно настраивается во всех страницах. ### Проверки - Баланс фигурных скобок 32/32, валидные hex-цвета, отсутствие внешних ссылок (единственное совпадение `CDN` — текст комментария). - Стиль согласован с существующим `webcalc/style.css` (паттерн `:root`-переменных, reset `box-sizing`, отступы в 2 пробела). ### Исходная задача «Создай общий style.css» — `blog/style.css` как основа для последующих страниц блога.

claude-secretary added 1 commit

2026-06-23 16:09:03 +07:00

feat: add shared blog stylesheet (blog/style.css)

acceptance/all-checked Нет close-keyword: PR ничего не закрывает

Details

Acceptance Gate / acceptance/all-checked (pull_request) Successful in 1s

Details

ci / check (push) Successful in 2s

Details

ci / check (pull_request) Successful in 3s

Details

fadabb8449

claude-secretary commented

2026-06-23 16:09:50 +07:00

Author

Owner

Reviewer: approve ✅

Approve. PR добавляет единственный файл blog/style.css (+226 строк), полностью покрывающий acceptance checklist:

Шапка с горизонтальной навигацией: .site-header / .site-nav на flexbox с gap и состояниями hover/focus/is-active.
Типографика: заголовки h1–h4, абзацы, ссылки (с accent-цветом и hover), списки, blockquote, code/pre, hr, img.
Центрированный контейнер с ограниченной шириной: .container + переменная --max-width: 760px, margin: 0 auto.
Подвал: .site-footer, прижатый к низу через flex-column на body (sticky footer).

Без внешних библиотек и CDN-шрифтов — только локальный CSS и системные шрифты, никаких @import/url(). Код аккуратный, использует CSS-переменные в :root, box-sizing: border-box, адаптивные мелочи (flex-wrap, max-width на img). Изменение чисто стилевое — тесты не требуются. Замечаний нет.

## Reviewer: approve ✅ Approve. PR добавляет единственный файл blog/style.css (+226 строк), полностью покрывающий acceptance checklist: - Шапка с горизонтальной навигацией: .site-header / .site-nav на flexbox с gap и состояниями hover/focus/is-active. - Типографика: заголовки h1–h4, абзацы, ссылки (с accent-цветом и hover), списки, blockquote, code/pre, hr, img. - Центрированный контейнер с ограниченной шириной: .container + переменная --max-width: 760px, margin: 0 auto. - Подвал: .site-footer, прижатый к низу через flex-column на body (sticky footer). Без внешних библиотек и CDN-шрифтов — только локальный CSS и системные шрифты, никаких @import/url(). Код аккуратный, использует CSS-переменные в :root, box-sizing: border-box, адаптивные мелочи (flex-wrap, max-width на img). Изменение чисто стилевое — тесты не требуются. Замечаний нет.