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

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

{{ define "middle" }}

  {{- $messages := print
    (lang.FormatNumberCustom 0 .Paginator.TotalNumberOfElements)
    " "
    "Messages"
  -}}

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

  {{ partial "navigator-middle.html"
    (dict
      "Title"      $author.name
      "Subtitle"   $messages
      "Icon"       "arrow-left"
      "IconLabel"  "Back"
      "Href"       "/"
      "Id"         "back"
      "Context"    .
    )
  }}

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

  {{ partial "profile.html" . }}

  {{ range .Paginator.Pages }}
    {{ .Render "summary" }}
  {{ else }}
    <footer>
      <code>No messages found!</code>
    </footer>
  {{ end }}

  {{ partial "pagination.html" . }}

{{ end }}

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