md:text-3xl inline-block"><a href="/">★ nginx playground ★</a></h1>
        <div class="inline-block ml-4">a <a class="text-purple-700 underline" href="https://wizardzines.com">wizard zines</a> project</div>
    </div>
</header>

<div class="p-8" style="max-width: 800px">
    <h1 class="text-2xl">
        What's this?
    </h1>

    <p class="my-4">
        It's like <a class="underline text-purple-700" href="https://codepen.io">codepen</a> for nginx -- you paste in an nginx config, and then a server st