{{ layout "layouts/base.vto" }}
  <main class="ml-4 my-8 min-h-screen text-ctp-text justify-self-center w-full lg:w-1/2 h-card">
    <h1 class="text-5xl text-bold text-ctp-mauve">
      dish's Volunteering
    </h1>

    <br>

    <div class="text-xl">
      {{ content }}
      <br>
      {{ for org of volunteering.orgs }}
        <h2 class="text-3xl">{{ org.name }}</h2>
        <ul>
          {{ for ev of org.events }}
            <li class="text-xl">{{ ev.name }} - {{ ev.role }}</li>
          {{ /for }}
        </ul>
        <br>
      {{ /for }}
    </div>
  </main>
{{ /layout }}