{{ layout "layouts/base.vto" }}
    <main class="min-h-screen text-text justify-self-center w-full lg:w-1/2 h-card">
        <h1 class="my-8 text-5xl text-bold text-mauve">
            About
            <span class="p-name p-nickname inline">
                dish
            </span>
        </h1>

        <div class="text-lg h-entry">
            {{ content }}
        </div>

        <h2 class="mt-8 text-mauve text-2xl">About This Site</h2>
        <p class="text-text text-lg">I've used the following to build this site:</p>
        <ul>
            {{ for tech of about.techs }}
                {{ await comp.about.technology_item({"tech": tech}) }}
            {{ /for }}
        </ul>
    </main>
{{ /layout }}