{{ define "main" }}
  <section class="section blog-single py-5">
    <div class="container">
      <div class="row justify-content-center pb-5">
        <div class="col-12">
          {{ with .Title | safeHTML }}
            <h2 class="display-2 fw-bold text-center text-primary pb-3">{{ . }}</h2>
          {{ end }}
          {{ with .Params.description }}
            <p class="text-black-61 text-center pb-3">{{ . }}</p>
          {{ end }}
        </div>
      </div>
      <div class="row pb-5">
        <div class="col-12 d-flex justify-content-center">
          <div class="blog-content">
            {{ .Content }}

            {{ $data := dict }}
            {{ $path := "links.yaml" }}
            {{ with .Resources.Get $path }}
              {{ with . | transform.Unmarshal }}
                {{ $data = . }}
              {{ end }}
            {{ else }}
              {{ errorf "Unable to get quicklinks %q" $path }}
            {{ end }}

            <div class="flex">
              {{ range $data }}
                {{ with .url }}
                  <a href="{{ . }}">
                {{- end -}}
                <div class="btn btn-primary text-light px-3 mt-2">
                {{- .label | markdownify -}}
                </div>
                {{- with .url -}}
                  </a>
                {{- end -}}
              {{ end }}
            </div>

          </div>
        </div>
      </div>
      <div class="row pb-5">
      </div>
    </div>
  </section>
{{ end }}