Skip to content

web: regenerate v1 pages header (follow-up to #13) - #14

Merged
dlgrv merged 14 commits into
mainfrom
web/editorial-v2
Sep 20, 2026
Merged

dlgrv merged 14 commits into
mainfrom
web/editorial-v2

Conversation

@dlgrv

@dlgrv dlgrv commented Sep 20, 2026

Copy link
Copy Markdown
Owner

PR #13 updated the shared header markup/icons, but only v2/ pages were regenerated for deploy. This PR regenerates ru/, en/, zh/ so v1 pages get: Lucide icons, theme as icon button, RU label styling, lang summary width fix. v1 keeps its own skin and no ver-switch (v1 pages lack html.v2 class and ver markup stays hidden — theme button works, version switch absent by design).

- tools/v2.css: monochrome editorial skin (Georgia 17.5px book text, system-ui UI,
  hairlines instead of cards, uppercase kickers, dark #111/#d0d0d0 theme)
- build_pages.py: also generate v2/<lang>/index.html with swapped <style> and
  __HTLB_BASE__='../../' (same README/book data, no duplication)
- root ru/en/zh pages and JS untouched (v1 stays at old paths)
- search bar exactly centered in window on desktop (absolute, min(420px,40vw)); flows normally on mobile
- nav-r anchored right via margin-left:auto; even gaps (10px), README/GitHub icons optically equalized (.ic-doc/.ic-gh), '/' hint padded
- theme switch knob: plain square, no cropped glyph; darker knob for contrast
- fix .icon-btn{display:grid} overriding .menu-btn{display:none} -> hamburger no longer visible on desktop (specificity)
- content column widened 680->760px
- drop dead Inter stylesheet + preconnects (unused since Georgia switch)
- header icons: optical equalization (README 20px box, GH 15px), globe emoji -> text label,
  buttons/kbd/summary inherit font stack (theme toggle was Arial)
- scale 36/24/19/17.5: h1 36px (-.015em), h2 24px, card h3 19px (was =body), rows .k 11px (was 10px)
- mobile h1 27px, h2 21px; section rhythm: 88px between sections, roomier cards
- ::selection inverted (ink/bg)
- v2 pages: README/book links fixed to repo root (../../) — icon link was 404 from /v2/
- scroll-spy: sidebar highlights current section on scroll (rAF-batched,
  passive listeners, v2-only via __HTLB_V2__ flag)
- marginalia (Tufte-style): notes move to right margin >=1440px,
  stay in card flow below; .marg aside rendered per card (v2-only)
- typography: text-wrap:balance on headings, hyphens:auto
- build: inject __HTLB_V2__=1 flag into v2 pages (was missing —
  all v2-conditional JS branches were dead)
- new ver-switch button (history icon) next to theme: navigates to
  the same page on v1 preserving query and hash; shown only on v2
  (html.v2 class injected by build_pages.py), hidden on v1
- theme control: slider replaced with icon button (moon in light,
  sun in dark), works on both v1 and v2, old .switch removed from CSS
- i18n: verTitle for ru/en/zh; aria/title set in applyI18n
- doc-head rhythm unified to 12px step (stat had 0 gap to feedback
  line, meta-lines had 4px); counter styled as UI metadata 14px
- card micro-rhythm: human 12/12, rows bottom 12px (was 8/12/14/6 mix)
- fix: restore </details> closing tag eaten by earlier patch —
  doc/gh/ver/theme buttons were nested inside <details> and stacked
  vertically outside the header row
- ver-switch icon converted from stroke to filled style to match
  sibling icons
All header icons now use official Lucide paths verbatim:
- menu (3 lines), search (circle+handle), chevron-down, file-text
  (README), history (v2->v1 version switch), sun+moon (theme)
- GitHub mark kept as official filled glyph (brand asset, standard
  practice); fill moved from blanket CSS rule to .ic-gh only so
  stroke-based Lucide icons render correctly
- lucide-static 0.469.0, https://lucide.dev
- GitHub mark replaced with Lucide 'github' stroke icon: now every
  icon is stroke 2px, currentColor, 16px — no fills, no exceptions
- removed per-icon optical-size hacks (.ic-doc 20px, .ic-gh 15px)
  that made file icon larger and shifted the gh glyph right
- ver-switch fits fully inside its button (no right-edge clipping)
- 1px full-perimeter border, radius 8px, height 36px (was floating
  underline 420px wide that read as cheap)
- real kbd chip for '/' shortcut (border + bg, no bare glyph)
- breathing room around magnifier icon; narrower 340px field
- focus: border darkens to ink, subtle 1px drop shadow
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant