From 525bfe4e31f0724f332f139d1d3281bef057d5f3 Mon Sep 17 00:00:00 2001
From: Ashelyn Rose <git@tempest.dev>
Date: Tue, 9 May 2023 14:09:05 -0600
Subject: mobile layout

---
 app/about/[name]/page.tsx | 7 ++++++-
 app/about/page.tsx        | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

(limited to 'app/about')

diff --git a/app/about/[name]/page.tsx b/app/about/[name]/page.tsx
index 625af62..411a2f0 100644
--- a/app/about/[name]/page.tsx
+++ b/app/about/[name]/page.tsx
@@ -6,6 +6,11 @@ import InfoBar from "~/components/InfoBar";
 import styles from "~/styles/index.module.css"
 import system from "~/config/system.json"
 
+export async function generateStaticParams() {
+  const memberSlugs = system.members.map(member => member.name.toLowerCase())
+  return memberSlugs.map((name: string) => ({ name }))
+}
+
 export default function MemberPage({ params: { name } }) {
   const member = system.members.find(member => member.name.toLowerCase() === name)
 
@@ -28,7 +33,7 @@ export default function MemberPage({ params: { name } }) {
             ))}
           </div>
         )}
-      </main >
+      </main>
     </>
   )
 }
diff --git a/app/about/page.tsx b/app/about/page.tsx
index 57b9aa7..970d76f 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -26,7 +26,7 @@ export default function About() {
               <Image alt="" width={150} height={150} src={profilePics[member.name.toLowerCase()]} />
               <h2>{member.name}</h2>
               <p className={styles.pronouns}>{member.mainPronouns}</p>
-              <p>
+              <p className={styles.bio}>
                 {member.bioShort}
               </p>
               <p><a href={`/about/${member.name.toLowerCase()}`}>{member.readMore}</a></p>
-- 
cgit 1.4.1