{{include "header.html"}}
{{include "nav.html"}}

<main class="mx-auto max-w-5xl px-4 py-10 sm:px-6 lg:px-8">
  {{if .Single}}
  <article>
    {{if .Single.Column}}{{if .Single.Column.Ext}}{{if index .Single.Column.Ext "banner_img"}}<img src="{{index .Single.Column.Ext "banner_img"}}" alt="{{.Single.Column.Title}}" class="mb-8 aspect-[16/6] w-full rounded-3xl object-cover">{{end}}{{end}}{{end}}
    <h1 class="text-3xl font-semibold tracking-tight md:text-4xl">{{if .Single.Column}}{{.Single.Column.Title}}{{end}}</h1>
    {{if .Single.Column.Description}}<p class="mt-4 max-w-3xl text-[color:var(--muted)]">{{.Single.Column.Description}}</p>{{end}}
    <div class="mt-8 article-body">{{if .Single.Column}}{{.Single.Column.Content|Str2Html}}{{end}}</div>
  </article>
  {{end}}
</main>

{{include "footer.html"}}
{{include "js.html"}}