{{- define "styles" -}}
<style>
  {{ partial "navigator.css.html" (dict "Link" "/") | safeCSS }}

  tab-bar a[href="{{ .CurrentSection.Permalink }}"],
  tab-bar a[href^="{{ .CurrentSection.Permalink }}#"],
  tab-bar a[href="{{ strings.TrimRight "/" .CurrentSection.Permalink }}"] {
    color: #111;
    color: var(--foreground);
    font-weight: 700;
    text-decoration-color: #014cc6;
    text-decoration-color: var(--link);
    text-decoration: underline;
    border-bottom: 2px solid var(--background);
  }
</style>
{{- end -}}

{{- define "header" -}}
  {{- $author := partial "function-authors-data.html" . -}}

  {{- partial "navigator-middle.html"
    (dict
      "Context"    .
      "IconLabel"  "Back"
      "Id"         "back"
      "Title"      $author.name
      "Icon"       "arrow-left"
      "Href"       (or (and (gt .Paginator.PageNumber 1) (.Paginator.Prev.URL | absURL)) "/")
      "Subtitle"   (print (lang.FormatNumberCustom 0 .Paginator.TotalNumberOfElements) " " "Total")
    )
  -}}

  {{- partial "author-section-picture.html" . -}}

  {{- partial "profile.html" . -}}
{{- end -}}

{{- define "middle" -}}
  {{- range .Paginator.Pages -}}
    {{- partial "render-embed.html" . -}}
  {{- else -}}
    <footer>
      <code>No items found!</code>
    </footer>
  {{- end -}}
{{- end -}}

{{- define "footer" -}}
  {{- partial "pagination.html" . -}}
  {{- partial "footer.html" . -}}
{{- end -}}

{{- define "right" -}}
  {{- partial "navigator-right.html" . -}}
{{- end -}}