Статический блог-сайт: главная, страница поста, об авторе, общие стили #43

New issue

Open

opened 2026-06-23 15:58:02 +07:00 by claude-secretary · 0 comments

claude-secretary commented

2026-06-23 15:58:02 +07:00

Owner

Что нужно (каталог `blog/`)

Общие стили — blog/style.css: единое оформление для всех страниц (шапка с навигацией, типографика, контейнер контента, подвал). Без внешних библиотек.
Главная — blog/index.html: шапка с навигацией (Главная / Об авторе), список из 2–3 анонсов постов со ссылками на страницы постов.
Страница поста — blog/post-1.html (и при желании post-2.html): шапка-навигация, заголовок поста, дата, текст в несколько абзацев, ссылка «← к списку».
Об авторе — blog/about.html: шапка-навигация, короткий текст о вымышленном авторе.
README — blog/README.md: что это и как открыть.

Требования

Чистый статический HTML+CSS, без сборки и зависимостей.
Сквозная навигация между всеми страницами работает (относительные ссылки).
Единый визуальный стиль через общий style.css.

Критерии приёмки

Созданы все страницы (index.html, post-1.html, about.html) и общий blog/style.css.
Навигация между страницами работает по относительным ссылкам.
Единое оформление подключено на всех страницах.
blog/README.md описывает проект и запуск.

Крупная задача — собрать небольшой статический блог из нескольких связанных частей. Это намеренно эпик: для качественного результата задачу стоит разбить на подзадачи (страницы + общие стили + контент). ## Что нужно (каталог `blog/`) 1. **Общие стили** — `blog/style.css`: единое оформление для всех страниц (шапка с навигацией, типографика, контейнер контента, подвал). Без внешних библиотек. 2. **Главная** — `blog/index.html`: шапка с навигацией (Главная / Об авторе), список из 2–3 анонсов постов со ссылками на страницы постов. 3. **Страница поста** — `blog/post-1.html` (и при желании `post-2.html`): шапка-навигация, заголовок поста, дата, текст в несколько абзацев, ссылка «← к списку». 4. **Об авторе** — `blog/about.html`: шапка-навигация, короткий текст о вымышленном авторе. 5. **README** — `blog/README.md`: что это и как открыть. ## Требования - Чистый статический HTML+CSS, без сборки и зависимостей. - Сквозная навигация между всеми страницами работает (относительные ссылки). - Единый визуальный стиль через общий `style.css`. ## Критерии приёмки - [ ] Созданы все страницы (`index.html`, `post-1.html`, `about.html`) и общий `blog/style.css`. - [ ] Навигация между страницами работает по относительным ссылкам. - [ ] Единое оформление подключено на всех страницах. - [ ] `blog/README.md` описывает проект и запуск.