<div class="flex flex-row py-1 px-3 mb-2 border-b border-slate-100">
  admin mode
</div>
<div class="flex flex-col md:flex-row mx-auto max-w-3xl">
  <section class="flex flex-col p-2 gap-y-1 border-slate-100 border-b md:border-b-0">
    <.link navigate={~p"/"} class="font-bold hover:underline">sloanelybutsurely.com</.link>
    <nav>
      <ul>
        <li><.link navigate={~p"/writing"} class="hover:underline">writing</.link></li>
        <li><.link navigate={~p"/microblog"} class="hover:underline">microblog</.link></li>
      </ul>
    </nav>
  </section>
  <main class="p-2">
    {@inner_content}
  </main>
</div>