website/layouts/_partials/machine-header.html

{{/* dict "machine" <machine page> "tab" <current tab or ""> */}}
{{ $m := .machine }}
{{ $labels := dict "photos" "Photos" "adverts" "Adverts" "hardware" "Hardware" "connectors" "Connectors" "software" "Software" "emulators" "Emulators" "links" "Links" "docs" "Docs" "videos" "Videos" }}
<header class="machine-header">
  <p class="crumbs" data-pagefind-ignore>
    <a href="{{ (site.GetPage "/museum").RelPermalink }}">Museum</a>
    {{ with $m.GetTerms "categories" }}{{ range first 1 . }} › <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>{{ end }}{{ end }}
    {{ with $m.Params.company }}{{ with site.GetPage . }} › <a href="{{ .RelPermalink }}">{{ .Title }}</a>{{ end }}{{ end }}
  </p>
  <h1>{{ with $m.Params.logo }}<img class="logo" src="{{ . }}" alt="">{{ end }}{{ $m.Title }}</h1>
  <nav class="tabs" data-pagefind-ignore>
    <a href="{{ $m.RelPermalink }}"{{ if not $.tab }} class="active"{{ end }}>System info</a>
    {{ range $m.Params.tabs }}
    {{/* same address as written by the converter: "adverts" would be hidden by ad blockers */}}
    <a href="{{ $m.RelPermalink }}{{ cond (eq . "adverts") "pubs" . }}/"{{ if eq . $.tab }} class="active"{{ end }}>{{ index $labels . }}</a>
    {{ end }}
  </nav>
</header>