rockcampbell.com/layouts/partials/header.html
Rock Campbell 9b37504988 Redesign homepage: Explore dropdown nav + paginated post list with summaries
- Replace Tags nav item with an Explore dropdown containing Tags, Site Index,
  and all tool subpages (Status, Flights, Volleyball Score, Pixel Art, ASCII Art)
- Limit homepage to 8 posts per page with pagination controls
- Show frontmatter description as post excerpt (more useful than auto-summary
  for Morning Brief posts with similar titles)
- Custom CSS for dropdown panel (hover + focus-within for keyboard/touch)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-10 18:13:14 +00:00

37 lines
1.3 KiB
HTML

<header class="site-header">
<div class="site-wrapper">
<div class="site-header__inner">
<a href="{{ "/" | relURL }}" class="site-title">{{ .Site.Title }}</a>
{{- if .Site.Menus.main }}
<nav aria-label="Main navigation">
<ul class="site-nav">
{{- range .Site.Menus.main }}
{{- if not .Parent }}{{/* top-level items only */}}
{{- if .HasChildren }}
{{/* Explore dropdown — renders parent link + child list */}}
<li class="nav-has-dropdown">
<a href="{{ .URL }}"
{{- if $.IsMenuCurrent "main" . }} class="is-active"{{ end }}
aria-haspopup="true">{{ .Name }} <span class="nav-arrow" aria-hidden="true"></span></a>
<ul class="nav-dropdown" role="menu">
{{- range .Children }}
<li role="none">
<a href="{{ .URL }}" role="menuitem">{{ .Name }}</a>
</li>
{{- end }}
</ul>
</li>
{{- else }}
{{/* Regular nav item */}}
<li>
<a href="{{ .URL }}"{{ if $.IsMenuCurrent "main" . }} class="is-active"{{ end }}>{{ .Name }}</a>
</li>
{{- end }}
{{- end }}
{{- end }}
</ul>
</nav>
{{- end }}
</div>
</div>
</header>