WIP: redesign 02 — site chrome (masthead nav, colophon, kickers) #7

Closed

michalvankodev wants to merge 0 commits from redesign/02-site-chrome into redesign/00-foundation

pull from: redesign/02-site-chrome

merge into: michalvankodev:redesign/00-foundation

michalvankodev:main

michalvankodev:mobile-content-padding

michalvankodev:redesign/10-mobile-readability

michalvankodev:redesign/00-foundation

michalvankodev:redesign/modern-technical

Conversation 1 Commits - Files changed - +200 -106

michalvankodev commented 2026-08-21 12:20:25 +02:00

Owner

Copy link

What

Slice 2/9 of the selected redesign (base: #6). Site chrome — the terminal vocabulary layer.

• Masthead nav — main previously had no masthead navigation (logo-only header). Ported structure from v2, path styling from v3: /blog /broadcasts /showcase /contact in Noto Sans Mono, Exo 2 wordmark left, id="top" anchor. /portfolio rehomed to the footer (link there), /search omitted (search cluster postponed).
• Colophon footer — hairline rule, mono license line + CC badges, /portfolio + RSS links, print:hidden.
• <main> landmark in base.html.
• Kickers site-wide — .kicker machine-voice class + section_header macro (kicker + lowercase Exo 2 title + hairline rule + all → affordance) in templates/macros.html. Applied to page headers: ~/blog, ~/broadcasts, ~/showcase, ~/contact, ~/portfolio; list-page tag rows went mono.
• Lowercase section/page headings via CSS class (source casing preserved).

List rows, homepage hero, article internals untouched — slices 3–5.

Preview: https://redesign-02-site-chrome.dev.michalvanko.dev

## What Slice 2/9 of the selected redesign (base: #6). Site chrome — the terminal vocabulary layer. - **Masthead nav** — main previously had *no* masthead navigation (logo-only header). Ported structure from v2, path styling from v3: `/blog /broadcasts /showcase /contact` in Noto Sans Mono, Exo 2 wordmark left, `id="top"` anchor. `/portfolio` rehomed to the footer (link there), `/search` omitted (search cluster postponed). - **Colophon footer** — hairline rule, mono license line + CC badges, `/portfolio` + RSS links, `print:hidden`. - **`<main>` landmark** in `base.html`. - **Kickers site-wide** — `.kicker` machine-voice class + `section_header` macro (kicker + lowercase Exo 2 title + hairline rule + `all →` affordance) in `templates/macros.html`. Applied to page headers: `~/blog`, `~/broadcasts`, `~/showcase`, `~/contact`, `~/portfolio`; list-page tag rows went mono. - Lowercase section/page headings via CSS class (source casing preserved). List rows, homepage hero, article internals untouched — slices 3–5. **Preview:** https://redesign-02-site-chrome.dev.michalvanko.dev

michalvankodev added 1 commit 2026-08-21 12:20:25 +02:00

redesign: site chrome — masthead nav, colophon footer, main, kickers ... 03f4160c0c

- Masthead: terminal path nav /blog /broadcasts /showcase /contact in
  Noto Sans Mono, wordmark in Exo 2 left, id=top anchor (main had NO
  masthead navigation — structure ported from v2, styling from v3);
  /portfolio rehomed to footer, /search omitted (postponed)
- Colophon footer: hairline rule, mono license line with CC badges,
  /portfolio + RSS links, print:hidden, view-transition names kept
- <main> landmark in base.html
- section_header macro (templates/macros.html): kicker + lowercase
  Exo 2 title + hairline rule + 'all →' affordance; .kicker machine-
  voice class (mono, pink-700)
- Page headers on /blog /broadcasts /showcase /contact /portfolio get
  ~/path kickers + lowercase titles; tag rows on list pages mono

michalvankodev referenced this pull request 2026-08-21 12:22:24 +02:00

WIP: redesign 03 — homepage (lead hero, plain chapters) #8

michalvankodev referenced this pull request 2026-08-21 14:40:14 +02:00

WIP: redesign 09 — a11y & print sweep (stack tip) #14

michalvankodev force-pushed redesign/02-site-chrome from 03f4160c0c to f4f1e43561 2026-08-21 16:16:57 +02:00 Compare

michalvankodev force-pushed redesign/02-site-chrome from f4f1e43561 to b6562dd5aa 2026-08-23 12:36:53 +02:00 Compare

michalvankodev changed target branch from redesign/01-typography to redesign/00-foundation 2026-08-23 12:39:30 +02:00

michalvankodev referenced this pull request 2026-08-23 12:39:56 +02:00

redesign 00 — foundation: the redesign stack (rails, covers, typographic system) #5

michalvankodev force-pushed redesign/02-site-chrome from b6562dd5aa to 4cd79163c7 2026-08-23 12:46:59 +02:00 Compare

michalvankodev commented 2026-08-23 12:47:11 +02:00

Author

Owner

Copy link

Merged into redesign/00-foundation (fast-forward to 4cd7916) per merge policy. Includes amend: /portfolio link removed from footer — portfolio is discovered only via the showcase page.

Merged into redesign/00-foundation (fast-forward to 4cd7916) per merge policy. Includes amend: /portfolio link removed from footer — portfolio is discovered only via the showcase page.

michalvankodev closed this pull request 2026-08-23 12:47:11 +02:00

All checks were successful

Hide checks

preview / preview hostname (pull_request) Successful in 0s

Details

test / cargo test (push) Successful in 48s

Details

preview / build + deploy preview (pull_request) Has been skipped

Details

preview / teardown preview (pull_request) Successful in 0s

Details

Pull request closed

This pull request cannot be reopened because the branch was deleted.

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

michalvankodev/michalvankodev-site!7

No description provided.