{{ define "main" }}
<div class="mx-auto my-10 max-w-6xl">
    <div class="mx-3 col-span-3 lg:col-span-2 px-2">
        <h1 class="title text-5xl mb-4 text-white-custom">{{.Title}}</h1>
        <hr style="border-color: #00ad8e;">
        <br>
        <div class="content py-1">{{.Content}}</div>
        <div class="grid grid-cols-1 md:grid-cols-2 mb-2 gap-2">
        {{ range .Pages.ByWeight }}
        {{ .Render "summary" }}
        {{ end }}
        </div>
    </div>
</div>
{{ end }}