---
import { getCollection } from 'astro:content'
import Layout from '@layouts/Layout.astro'
import MemberCard from '@components/MemberCard.astro'

const authors = await getCollection('authors')
---

<Layout title="authors" description="authors">
  <section>
    <ul class="not-prose grid grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3">
      {
        authors.map((member) => (
          <li>
            <MemberCard member={member} />
          </li>
        ))
      }
    </ul>
  </section>
</Layout>
