{{ define "main" }}
<div class="max-w-2xl mx-auto">
    <h1 class="text-2xl font-medium leading-loose text-forest">{{ .Title }}</h1>
    {{ with .Params.categories }}
    <ul id="tags">
        {{ range . }}
        <li> <a class="underline text-salmon mr-1" href=" {{ " categories/" | absURL }}{{ . | urlize }}">{{ . }}</a>
        </li>
        {{ end }}
    </ul>
    {{ end }}

    <section class="prose mt-5">
        <article>
            {{ .Content }}
        </article>
    </section>
    <hr class="text-forest">
    <p class="text-forest">Published on {{ .Date | time.Format ":date_short" }}</p>
</div>
{{ end }}