{{- define "title" -}}
  {{.Title}}
{{- end -}}

{{- define "main" -}}
  <div class='container'>
    <div class='section is-small'>
      <h1 class='title' title='{{.Title}}' aria-label='{{.Title}}'>
        {{- .Title -}}
      </h1>
      {{- if .Date -}}
        <h2 class='subtitle' title='article date' aria-label='article date'>
          {{- .Date.Format "January 2, 2006" -}}
        </h2>
      {{- end -}}

      {{- partial "carousel.html" .Params.carousel.top -}}

      <div class='content'>
        {{- if .Params.toc -}}
          <h2
            class='subtitle'
            title='Table of Contents'
            aria-label='Table of Contents'
          >
            Table of Contents
          </h2>

          {{- .TableOfContents -}}
        {{- end -}}

        {{- .Content -}}
      </div><!-- content -->

      {{- partial "carousel.html" .Params.carousel.bottom -}}
    </div><!-- section -->
  </div><!-- container -->
{{- end -}}