{{ layout "layouts/base.vto" }}
    <main class="min-h-screen text-text justify-self-center px-4 lg:px-0 w-full lg:w-1/2">
        <h1 class="text-5xl my-8">Blog</h1>
        <a
            class="lg:inline float-right -mt-20 lg:mr-1.5"
            href="/blog.rss"
            aria-label="Blog RSS Feed"
        >
            <i class="text-5xl si si-rss"></i>
        </a>
        <ul class="mt-8">
            {{ for post of search.pages("category=blog", "published=desc") }}
                {{ await comp.post_card({"post": post}) }}
            {{ /for }}
        </ul>
    </main>
{{ /layout }}