aboutsummaryrefslogtreecommitdiffstats
path: root/src/pages/members/index.astro
blob: c0e568ed10a783355dd891702098a58606106a85 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
---
import Breadcrumbs from '@/components/Breadcrumbs.astro'
import MemberCard from '@/components/MemberCard.astro'
import PageHead from '@/components/PageHead.astro'
import Layout from '@/layouts/Layout.astro'
import { getAllMembers } from '@/lib/data-utils'

const members = (await getAllMembers()).sort((a, b) =>
  a.data.name.localeCompare(b.data.name),
)
---

<Layout class="max-w-4xl">
  <PageHead slot="head" title="Members" />

  <Breadcrumbs items={[{ label: 'Members', icon: 'lucide:users' }]} />
  <div class="border-border text-muted-foreground rounded-2xl border p-4">
    <strong>Viewer discretion advised.</strong>
    <br /> Members have the freedom to customise their profiles. Some of us actually
    exercise it.
  </div>
  {
    members.length > 0 ? (
      <div class="flex flex-wrap justify-center gap-4">
        {members.map((member) => (
          <MemberCard member={member} />
        ))}
      </div>
    ) : (
      <p class="text-muted-foreground text-center">No members found.</p>
    )
  }
</Layout>