21 lines
1.4 KiB
Markdown
21 lines
1.4 KiB
Markdown
## 1. Header Branding Layout
|
|
|
|
- [x] 1.1 Update `site/src/layouts/BaseLayout.astro` header markup to add a left logo link (favicon asset) and move "SanthoshJ" brand link to the center
|
|
- [x] 1.2 Update `site/src/styles/global.css` header layout to center brand text robustly (grid-based layout) while preserving mobile hamburger behavior
|
|
- [x] 1.3 Ensure logo has correct sizing and explicit dimensions (no layout shift)
|
|
|
|
## 2. Hover Line Effect (Gated)
|
|
|
|
- [x] 2.1 Add `PUBLIC_ENABLE_NAV_HOVER_LINE` to `site/src/env.d.ts`
|
|
- [x] 2.2 Add config wiring in `site/src/lib/config.ts` (or direct `import.meta.env` usage) with opt-out semantics (`"false"` disables)
|
|
- [x] 2.3 Implement hover-line CSS for primary header title links (brand + Videos/Podcast/Blog), hover-only, no layout shift
|
|
- [x] 2.4 Implement hover-line CSS for the Videos/Podcast/Blog surface title elements only (not card titles)
|
|
- [x] 2.5 Add reduced-motion handling so the effect is disabled/substantially reduced under `prefers-reduced-motion: reduce`
|
|
- [x] 2.6 Ensure focus-visible styles remain clear and are not replaced by hover-only affordances
|
|
|
|
## 3. Verification
|
|
|
|
- [x] 3.1 Verify layout on desktop + mobile widths (no overlap with nav toggle)
|
|
- [x] 3.2 Verify hover-line is enabled by default and fully disabled when `PUBLIC_ENABLE_NAV_HOVER_LINE="false"`
|
|
- [x] 3.3 Run `npm -C site run build` and ensure no new typecheck regressions
|