feat(design): reader view polish + content refresh #11

2026-05-31T22:21:06Z

lerko commented

2026-05-31 22:21:06 +00:00

Summary

Reader view design: stripped terminal chrome, single-page consolidation, typography controls
External link colors: dusty blue/violet for target="_blank" links with visited state (both themes)
Nav scroll-spy: active section highlighted, scroll-margin-top clears sticky nav
Section dividers: border-top on anchored sections for visual rhythm
Homelab slimmed: dropped VLAN table, ADRs, full services list — now highlight card with glance stats, category counts, Gitea link
Timeline trimmed: 14 → 9 entries, dropped project/redundant entries
Content updates: added uptop, reordered nib, archived open-pact, updated portfolio description, fixed VLAN count, dynamic service count in hero

Test plan

Dark + light theme render correctly
External links show dusty blue, visited shift to lavender
Nav scroll-spy highlights correct section while scrolling
Anchor links clear sticky nav header
Section dividers visible between sections
Homelab section spacing matches Projects/Journey
Projects show uptop, nib, homelab, portfolio (4 featured)
Timeline shows 9 entries, no project-type entries
Print stylesheet renders cleanly

## Summary - **Reader view design**: stripped terminal chrome, single-page consolidation, typography controls - **External link colors**: dusty blue/violet for `target="_blank"` links with visited state (both themes) - **Nav scroll-spy**: active section highlighted, scroll-margin-top clears sticky nav - **Section dividers**: border-top on anchored sections for visual rhythm - **Homelab slimmed**: dropped VLAN table, ADRs, full services list — now highlight card with glance stats, category counts, Gitea link - **Timeline trimmed**: 14 → 9 entries, dropped project/redundant entries - **Content updates**: added uptop, reordered nib, archived open-pact, updated portfolio description, fixed VLAN count, dynamic service count in hero ## Test plan - [x] Dark + light theme render correctly - [x] External links show dusty blue, visited shift to lavender - [x] Nav scroll-spy highlights correct section while scrolling - [x] Anchor links clear sticky nav header - [x] Section dividers visible between sections - [x] Homelab section spacing matches Projects/Journey - [x] Projects show uptop, nib, homelab, portfolio (4 featured) - [x] Timeline shows 9 entries, no project-type entries - [x] Print stylesheet renders cleanly

lerko added 10 commits 2026-05-31 22:21:07 +00:00

feat(design): reader view — strip terminal chrome, add typography controls 32455bf7a7

Replace monospace-terminal aesthetic with clean reader layout. System
sans-serif default, typeface picker (sans/serif/mono) with per-face
optical tuning. Warm color palettes (slate dark, bone light), crafted
link underlines, WCAG AA contrast on all text tiers. Semantic HTML
throughout: proper heading hierarchy, <time> elements, role=group,
<dl>/<table>/<article> where appropriate. Net -140 lines.

Merge pull request 'feat(design): reader view' (#8 ) from feat/reader-view into staging de74019e48

feat(design): single-page consolidation, drop typeface picker 141d66d7bb

Merge projects + homelab + timeline into one scrollable page.
Remove typeface picker (sans/serif/mono), keep theme toggle.
Nav simplified to name + toggle. Hero gains anchor links for
in-page navigation (#projects, #journey, #homelab). Old pages
become meta-refresh redirects. Timeline redesigned as two-column
grid layout — date left, content right — cutting vertical space
~50%. Focus states added for keyboard nav. Tags dropped from
timeline entries.

feat(design): nav anchor links, hidden services flag, drop badges ce27a23c4e

Add projects/journey/homelab anchor links to sticky nav for in-page
navigation. Add hidden flag to services data — hidden entries count
toward total but don't render. Remove badge counts from all widgets.

Merge pull request 'feat(design): single-page reader view' (#9 ) from feat/single-page into staging aa5fdb579c

Reviewed-on: #9

refactor(content): slim homelab to highlight, trim redundant timeline entries 38326cc7ec

Homelab: drop VLAN table, services list, and ADRs — full docs live in
the homelab repo. Keep condensed at-a-glance stats, category counts,
and Gitea link.

Timeline: drop project entries (covered by Projects section),
lerkolabs.com (duplicate of portfolio), and PC Build. 14 → 9 entries.

Also: hide nav anchor links on mobile, drop Hero section anchors,
update meta description, add print stylesheet.

feat(design): external link colors, section dividers, nav scroll-spy 6db5b36989

Dusty blue/violet link colors for external links (target="_blank") with
visited state. Both dark and light theme tokens. Mailto links included.

Section dividers via border-top on anchored sections. Scroll-margin-top
clears sticky nav on anchor jumps.

Nav scroll-spy highlights active section using IntersectionObserver +
scroll listener fallback for bottom-of-page edge case.

Merge pull request 'feat(design): external link colors, section dividers, nav scroll-spy' (#10 ) from feat/polish-reader-view into staging 4a2ea3c32d

Reviewed-on: #10

fix(content): consolidate homelab spacing, dynamic service count in hero 9037461d27

Collapse homelab into single Widget to match Projects/Journey spacing.
Hero service count now reads from services data instead of hardcoded 30+.

feat(content): add uptop, reorder projects, archive open-pact, fix VLAN count

Build and Deploy / deploy (push) Successful in 1m18s

Details

da61cbba5d

Add uptop (uptime monitoring TUI) as featured project. Reorder nib
above homelab, update nib stack and URL. Move open-pact to archive.
Update portfolio description (Nginx → Caddy). Fix VLAN count 8 → 7.
Trim Hero bio.

lerko merged commit da61cbba5d into dev

2026-05-31 22:29:03 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: lerko/portfolio#11