diff options
| author | Ashelyn Rose <git@tempest.dev> | 2023-05-09 03:13:56 -0600 |
|---|---|---|
| committer | Ashelyn Rose <git@tempest.dev> | 2023-05-09 03:13:56 -0600 |
| commit | ce289294a03a1eb28da48cdb4cddc5124053aaa3 (patch) | |
| tree | d548b28165271d525ef672a4e92ed67cabe89442 /app/about/page.tsx | |
| parent | c32753a06f454ef15011e8df8a2083b9cdc72f58 (diff) | |
about pages, added profile pictures
Diffstat (limited to 'app/about/page.tsx')
| -rw-r--r-- | app/about/page.tsx | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/app/about/page.tsx b/app/about/page.tsx index 82d4864..57b9aa7 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -1,11 +1,12 @@ -import system from '~/config/system.json' +import Image from 'next/image' +import system from '~/config/system.json' import styles from '~/styles/about.module.css' +import profilePics from '~/utils/profiles' -interface Member { +export interface Member { name: string, mainPronouns: string, - avatarUrl: string, color: string, bioShort: string, readMore: string, @@ -22,7 +23,7 @@ export default function About() { const style = { "--member-color": member.color } as React.CSSProperties return ( <section className={styles.member} style={style}> - <img src={member.avatarUrl} /> + <Image alt="" width={150} height={150} src={profilePics[member.name.toLowerCase()]} /> <h2>{member.name}</h2> <p className={styles.pronouns}>{member.mainPronouns}</p> <p> |