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

{{- define "middle" -}}

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

<micro-thread>
  {{ .Render "summary" }}

  {{- $filteredPages := partial "function-filters-content.html" (.Site.RegularPages.Related .) -}}
  {{- $related := $filteredPages | first 3 -}}

  {{- with $related -}}
    <related-content>
      <footer>
        <samp>
        Related Tags
        {{- with $.Params.tags -}}
          {{- range $tag := first 1 $.Params.tags -}}
            {{- $link := print ("tags/" | relURL) ($tag | urlize) "/" }}
            {{ print "---" " " "[#" $tag "](" $link ")" | markdownify -}}
          {{- end -}}
        {{- end -}}
        </samp>
      </footer>
    </related-content>

   {{- range $related -}}
      {{- .Render "summary" -}}
   {{- end -}}
  {{- end -}}

</micro-thread>
{{- end -}}

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