{{ layout "layouts/base.vto" }}
    <main class="min-h-screen text-text justify-self-center w-full lg:w-1/2">
        <h1 class="mt-8 text-5xl text-bold text-mauve">hi, I'm dish</h1>
        {{# Profile picture goes here #}}
        <div class="h-64 w-64 content-center text-center border-2 mt-4">
            there'll be a picture here in the future, promise!
        </div>
        <h2 class="text-2xl mt-4">Student, Sysadmin, and UX Crafter</h2>
        <p class="text-lg mt-2">
            Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable
            experiences.
        </p>
        <!-- <div class="h-4"></div> -->
        <h2 class="my-8 text-2xl">Recent blog posts:</h2>
        <ul class="lg:w-3/4">
            {{ for post of search.pages("category=blog", "date", 5) }}
                {{ await comp.post_card({"post": post, compact: true}) }}
            {{ /for }}
        </ul>
    </main>
{{ /layout }}