From 2769277efbdab25487406af291c92b6ad6e1a19b Mon Sep 17 00:00:00 2001
From: Nikhil M Warrier <nikhilmw.dev@gmail.com>
Date: Thu, 5 Mar 2026 21:09:33 +0530
Subject: Update member cards

---
 src/pages/members/index.astro | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

(limited to 'src/pages/members/index.astro')

diff --git a/src/pages/members/index.astro b/src/pages/members/index.astro
index 04e6d45..c0e568e 100644
--- a/src/pages/members/index.astro
+++ b/src/pages/members/index.astro
@@ -5,21 +5,27 @@ import PageHead from '@/components/PageHead.astro'
 import Layout from '@/layouts/Layout.astro'
 import { getAllMembers } from '@/lib/data-utils'
 
-const members = await getAllMembers()
+const members = (await getAllMembers()).sort((a, b) =>
+  a.data.name.localeCompare(b.data.name),
+)
 ---
 
-<Layout class="max-w-3xl">
+<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 ? (
-      <ul class="flex flex-col gap-4">
+      <div class="flex flex-wrap justify-center gap-4">
         {members.map((member) => (
-          <li>
-            <MemberCard member={member} />
-          </li>
+          <MemberCard member={member} />
         ))}
-      </ul>
+      </div>
     ) : (
       <p class="text-muted-foreground text-center">No members found.</p>
     )
-- 
cgit v1.2.3