Files
publish-assistant/site/layouts/partials/header.html
Vincent Lannurien 69b2c06b28
All checks were successful
Build and deploy static pages / build-and-push (push) Successful in 13s
Show topics on the home page, name the current one in the header
The home page fell back to PaperMod's recursive page list, which dumped
digest pages instead of the research topics they belong to. Add a home
layout that renders one card per entry in data/topics.yaml, with venue
counts, the nearest upcoming deadline, and section shortcuts.

With the topics listed there, drop the topic menu from the header and
show the current topic beside the site title instead, so the selected
research area is visible from every page. The breadcrumbs then repeated
that prefix, so override the partial to start below the topic section.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-17 20:11:50 +02:00

115 lines
6.2 KiB
HTML

<header class="header">
<nav class="header-nav">
<div class="logo">
{{- $label_text := (site.Params.label.text | default site.Title) }}
{{- if site.Title }}
<a href="{{ "" | absLangURL }}" accesskey="h" title="{{ $label_text }} (Alt + H)">
{{- if site.Params.label.icon }}
{{- $img := resources.Get site.Params.label.icon }}
{{- if $img }}
{{- $processableFormats := (slice "jpg" "jpeg" "png" "tif" "bmp" "gif") -}}
{{- if hugo.IsExtended -}}
{{- $processableFormats = $processableFormats | append "webp" -}}
{{- end -}}
{{- $prod := (hugo.IsProduction | or (eq site.Params.env "production")) }}
{{- if and (in $processableFormats $img.MediaType.SubType) (eq $prod true)}}
{{- if site.Params.label.iconHeight }}
{{- $img = $img.Resize (printf "x%d" site.Params.label.iconHeight) }}
{{ else }}
{{- $img = $img.Resize "x30" }}
{{- end }}
{{- end }}
<img src="{{ $img.Permalink }}" alt="" aria-label="logo"
height="{{- site.Params.label.iconHeight | default "30" -}}">
{{- else }}
<img src="{{- site.Params.label.icon | absURL -}}" alt="" aria-label="logo"
height="{{- site.Params.label.iconHeight | default "30" -}}">
{{- end -}}
{{- else if hasPrefix site.Params.label.iconSVG "<svg" }}
{{ site.Params.label.iconSVG | safeHTML }}
{{- end -}}
{{- $label_text -}}
</a>
{{- /* Inside a topic, name it next to the site title so the current
research area is visible from every page. */ -}}
{{- $section := .Section }}
{{- range hugo.Data.topics.topics }}
{{- if eq .slug $section }}
<span class="logo-sep">/</span>
<a class="logo-topic" href="{{ printf "%s/" .slug | relURL }}" title="{{ .title }}">{{ .title }}</a>
{{- end }}
{{- end }}
{{- end }}
{{- $lsenabled := (or (not site.Params.disableThemeToggle) (and (not site.Params.disableLangToggle) (hugo.IsMultilingual))) }}
{{- if $lsenabled }}
<div class="logo-switches">
{{- if (not site.Params.disableThemeToggle) }}
<button id="theme-toggle" class="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<svg class="moon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
<svg class="sun" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg>
</button>
{{- end }}
{{- if (not site.Params.disableLangToggle) }}
{{- $lang := .Lang}}
{{- with site.Home.Translations }}
{{- $separator := or $label_text (not site.Params.disableThemeToggle)}}
{{- if $separator }}<span>|</span>{{ end }}
<ul class="lang-menu">
{{- range . -}}
{{- if ne $lang .Lang }}
<li>
<a href="{{- .Permalink -}}" title="{{ .Language.Params.languageAltTitle | default (.Language.LanguageName | emojify) | default (.Lang | title) }}"
aria-label="{{ .Language.LanguageName | default (.Lang | title) }}">
{{- if (and site.Params.displayFullLangName (.Language.LanguageName)) }}
{{- .Language.LanguageName | emojify -}}
{{- else }}
{{- .Lang | title -}}
{{- end -}}
</a>
</li>
{{- end -}}
{{- end}}
</ul>
{{- end }}
{{- end }}
</div>
{{- end }}
</div>
{{- $section := .Section }}
{{- if $section }}
{{- /* Paths are passed to relURL *without* a leading slash: relURL only
prepends the baseURL subpath (e.g. /owner/repo/) for inputs that
are not already root-relative. .RelPermalink carries that same
prefix, so the active check compares like with like. */ -}}
<ul id="menu" class="menu">
{{- range slice "venues" "calendar" "digests" }}
{{- $url := printf "%s/%s/" $section . | relURL }}
<li>
<a href="{{ $url }}" title="{{ . | title }}">
<span{{- if hasPrefix $.RelPermalink $url }} class="active"{{- end }}>{{ . | title }}</span>
</a>
</li>
{{- end }}
</ul>
{{- end }}
</nav>
</header>