tijl.dev-core/web/views/blog.html

<div hx-boost="true">
    <div class="grid gap-4">
        {{range .Posts}}
        <a href="/blog/{{.Meta.Slug}}"
            class="card posts-item bg-base-100 border-[2px] border-base-300 hover:bg-base-300 shadow-xl cursor-pointer">
            <div class="card-body">
                <header class="card-title">
                    <h2 class="card-title text-2xl">{{.Meta.Title}}</h2>
                </header>
                <article>
                    <p>{{.Meta.Description}}</p>
                </article>
                <footer class="!text-[0.8rem] text-sm">
                    <span class="meta-item">{{.Meta.Author}}</span> •
                    <span class="meta-item">{{formatdate .Meta.PublishDate}}</span> •
                    <span class="meta-item">
                    </span>
                </footer>
            </div>
        </a>
        {{end}}
    </div>
</div>