From cddebc6b6080daf90a15ee19652ed10de6cb9bc7 Mon Sep 17 00:00:00 2001 From: Sanjay Soundarajan Date: Thu, 16 Jan 2025 10:23:16 -0800 Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8=20feat:=20add=20default=20team?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/data/team.json | 194 ++++++++++++++------------------------- src/pages/team/index.tsx | 141 ++++++++++++++++------------ 2 files changed, 150 insertions(+), 185 deletions(-) diff --git a/public/data/team.json b/public/data/team.json index 81d93a8..cbaaeb4 100644 --- a/public/data/team.json +++ b/public/data/team.json @@ -1,4 +1,26 @@ [ + { + "id": "Aaron-Lee", + "name": "Aaron Lee", + "pronoun": "", + "roles": [ + "C. Dan and Irene Hunter Endowed Professorship", + "Professor in Ophthalmology" + ], + "education": [], + "expertise": [], + "department": "Department of Ophthalmology", + "organization": "University of Washington", + "location": "Seattle, WA", + "about": "Lorem ex et ipsum ut exercitation ut velit nostrud ad. Commodo ea ipsum aute eu velit. Veniam duis exercitation tempor ex aute velit ullamco excepteur aliquip ea consequat proident. Pariatur velit nulla fugiat pariatur velit nulla commodo laboris sunt veniam enim incididunt non aliqua.", + "image": "https://ucarecdn.com/9e75ff67-3bbe-4d0b-93f7-52d72dd551ad/-/quality/smart_retina/-/format/auto/-/progressive/yes/", + "moduleImageParams": "-/crop/face/200px150p/", + "social": { + "website": ["https://comp.ophthalmology.uw.edu/"], + "twitter": "https://twitter.com/aaronylee", + "linkedin": "https://linkedin.com/in/aaron-y-lee-md-msci-a102b87/" + } + }, { "id": "Bhavesh-Patel", "name": "Bhavesh Patel", @@ -7,25 +29,25 @@ "department": "FAIR Data Innovations Hub", "organization": "California Medical Innovations Institute", "location": "San Diego, CA", - "about": "Qui molestiae aspernatur a ducimus architecto et impedit molestias aut voluptatem molestiae in omnis placeat aut veniam exercitationem. Sit autem nobis ex sequi quia ut quia provident eos quas molestiae ab eveniet eaque ut eius dignissimos? Et error sequi et voluptates iure eum nulla optio aut quia illo. Qui molestiae aspernatur a ducimus architecto et impedit molestias aut. Qui molestiae aspernatur a ducimus architecto et impedit molestias aut. Qui molestiae aspernatur a ducimus architecto et.", + "about": "Qui molestiae aspernatur a ducimus architecto et impedit molestias aut voluptatem molestiae in omnis placeat aut veniam exercitationem. Sit autem nobis ex sequi quia ut quia provident eos quas molestiae ab eveniet eaque ut eius dignissimos?", "image": "https://ucarecdn.com/b36da179-1c47-4fa9-9e9b-9001ffc9b869/-/quality/smart_retina/-/format/auto/-/progressive/yes/", "moduleImageParams": "-/crop/face/250px200p/", - "modules": [ - "data-sharing", - "capacity-building", - "american-indian-engagement", - "data-collection" - ], "education": [ - { "degree": "MD Internal Medicine", "institution": "" }, - { "degree": "MS Ophthalmology", "institution": "" }, - { "degree": "MCR Translational Research", "institution": "" } - ], - "expertise": [ - "Translational Medicine", - "Research Methodology Training", - "Grant Writing" + { + "degree": "Ph.D. in Mechanical Engineering", + "institution": "UC Berkeley, 2015" + }, + { "degree": "M.A. in Mathematics", "institution": "UC Berkeley, 2014" }, + { + "degree": "M.Sc. In Mechanical Engineering", + "institution": "UC Berkeley, 2013" + }, + { + "degree": "Diplôme d'Ingénieur", + "institution": "Arts et Métiers ParisTech, 2013" + } ], + "expertise": [], "social": { "website": ["https://fairdataihub.org"], "linkedin": "https://linkedin.com/in/bvhpatel", @@ -35,33 +57,23 @@ } }, { - "id": "Sanjay-Soundarajan", - "name": "Sanjay Soundarajan", - "pronoun": "he/him", - "roles": ["Front End Developer"], - "department": "FAIR Data Innovations Hub", - "organization": "California Medical Innovations Institute", - "location": "San Diego, CA", - "about": "Qui molestiae aspernatur a ducimus architecto et impedit molestias aut voluptatem molestiae in omnis placeat aut veniam exercitationem. Sit autem nobis ex sequi quia ut quia provident eos quas molestiae ab eveniet eaque ut eius dignissimos? Et error sequi et voluptates iure eum nulla optio aut quia illo. Qui molestiae aspernatur a ducimus architecto et impedit molestias aut. Qui molestiae aspernatur a ducimus architecto et impedit molestias aut. Qui molestiae aspernatur a ducimus architecto et.", - "image": "https://ucarecdn.com/dca922ac-d2dc-4fb4-8c37-5bdc2d5aa768/-/quality/smart_retina/-/format/auto/-/progressive/yes/", - "moduleImageParams": "-/crop/face/250px200p/", - "modules": ["data-sharing", "data-sharing", "data-collection"], - "education": [ - { "degree": "MD Internal Medicine", "institution": "" }, - { "degree": "MS Ophthalmology", "institution": "" }, - { "degree": "MCR Translational Research", "institution": "" } - ], - "expertise": [ - "Translational Medicine", - "Research Methodology Training", - "Grant Writing" + "id": "Cecilia-Lee", + "name": "Cecilia Lee", + "pronoun": "", + "roles": [ + "Klorfine Family Endowed Chair Director of Clinical Research", + "Professor" ], + "education": [], + "expertise": [], + "department": "Department of Ophthalmology", + "organization": "University of Washington", + "location": "Seattle, WA", + "about": "Ipsum enim veniam ut laboris aliquip id velit nulla officia incididunt eu. Officia consectetur deserunt amet tempor minim irure do consequat deserunt. Tempor id tempor non occaecat Lorem consequat exercitation dolor et.", + "image": "https://ucarecdn.com/4d9dcdd5-42b7-4cd6-8f9a-f16e66b917a8/-/quality/smart_retina/-/format/auto/-/progressive/yes/", + "moduleImageParams": "-/crop/face/200px150p/", "social": { - "website": ["https://fairdataihub.org"], - "linkedin": "https://linkedin.com/in/bvhpatel", - "twitter": "https://twitter.com/fairdataihub", - "instagram": "https://instagram.com/fairdataihub", - "github": "https://github.com/slugb0t" + "website": ["https://comp.ophthalmology.uw.edu/"] } }, { @@ -72,115 +84,49 @@ "department": "FAIR Data Innovations Hub", "organization": "California Medical Innovations Institute", "location": "San Bernardino, CA", - "about": "Qui molestiae aspernatur a ducimus architecto et impedit molestias aut voluptatem molestiae in omnis placeat aut veniam exercitationem. Sit autem nobis ex sequi quia ut quia provident eos quas molestiae ab eveniet eaque ut eius dignissimos? Et error sequi et voluptates iure eum nulla optio aut quia illo. Qui molestiae aspernatur a ducimus architecto et impedit molestias aut. Qui molestiae aspernatur a ducimus architecto et impedit molestias aut. Qui molestiae aspernatur a ducimus architecto et.", + "about": "Laboris consectetur occaecat irure officia in pariatur voluptate ad. Esse enim pariatur elit do eu duis. Ut mollit pariatur culpa consequat sit reprehenderit qui consequat.", "image": "https://ucarecdn.com/a3ed77eb-24bc-4b55-b8f9-118a9d07f760/-/quality/smart_retina/-/format/auto/-/progressive/yes/", "moduleImageParams": "-/crop/face/250px250p/", - "modules": ["data-sharing", "data-collection"], - "education": [ - { "degree": "MD Internal Medicine", "institution": "" }, - { "degree": "MS Ophthalmology", "institution": "" }, - { "degree": "MCR Translational Research", "institution": "" } - ], - "expertise": [ - "Translational Medicine", - "Research Methodology Training", - "Grant Writing" - ], - "social": { - "website": ["https://fairdataihub.org"], - "linkedin": "https://linkedin.com/in/bvhpatel", - "instagram": "https://instagram.com/fairdataihub", - "github": "https://github.com/slugb0t" - } - }, - { - "id": "Bhavesh-Patel1", - "name": "Bhavesh Patel", - "pronoun": "he/him", - "roles": ["Associate Research Professor"], - "department": "FAIR Data Innovations Hub", - "organization": "California Medical Innovations Institute", - "location": "San Diego, CA", - "about": "Qui molestiae aspernatur a ducimus architecto et impedit molestias aut voluptatem molestiae in omnis placeat aut veniam exercitationem. Sit autem nobis ex sequi quia ut quia provident eos quas molestiae ab eveniet eaque ut eius dignissimos? Et error sequi et voluptates iure eum nulla optio aut quia illo.", - "image": "https://ucarecdn.com/b36da179-1c47-4fa9-9e9b-9001ffc9b869/-/quality/smart_retina/-/format/auto/-/progressive/yes/", - "moduleImageParams": "-/crop/face/250px200p/", - "modules": [ - "data-sharing", - "capacity-building", - "american-indian-engagement", - "data-collection" - ], "education": [ - { "degree": "MD Internal Medicine", "institution": "" }, - { "degree": "MS Ophthalmology", "institution": "" }, - { "degree": "MCR Translational Research", "institution": "" } - ], - "expertise": [ - "Translational Medicine", - "Research Methodology Training", - "Grant Writing" + { + "degree": "B.Sc in Computer Science ", + "institution": "Cal State University, San Bernardino, 2020" + } ], + "expertise": [], "social": { "website": ["https://fairdataihub.org"], "linkedin": "https://linkedin.com/in/bvhpatel", - "twitter": "https://twitter.com/fairdataihub", "instagram": "https://instagram.com/fairdataihub", "github": "https://github.com/slugb0t" } }, { - "id": "Sanjay-Soundarajan1", + "id": "Sanjay-Soundarajan", "name": "Sanjay Soundarajan", "pronoun": "he/him", "roles": ["Front End Developer"], "department": "FAIR Data Innovations Hub", "organization": "California Medical Innovations Institute", "location": "San Diego, CA", - "about": "Qui molestiae aspernatur a ducimus architecto et impedit molestias aut voluptatem molestiae in omnis placeat aut veniam exercitationem. Sit autem nobis ex sequi quia ut quia provident eos quas molestiae ab eveniet eaque ut eius dignissimos? Et error sequi et voluptates iure eum nulla optio aut quia illo. ", + "about": "I am a front-end developer with experience in building web applications and data visualization tools.", "image": "https://ucarecdn.com/dca922ac-d2dc-4fb4-8c37-5bdc2d5aa768/-/quality/smart_retina/-/format/auto/-/progressive/yes/", "moduleImageParams": "-/crop/face/250px200p/", - "modules": ["data-sharing", "data-sharing", "data-collection"], - "education": [ - { "degree": "MD Internal Medicine", "institution": "" }, - { "degree": "MS Ophthalmology", "institution": "" }, - { "degree": "MCR Translational Research", "institution": "" } - ], - "expertise": [ - "Translational Medicine", - "Research Methodology Training", - "Grant Writing" - ], - "social": { - "website": ["https://fairdataihub.org"], - "linkedin": "https://linkedin.com/in/bvhpatel", - "twitter": "https://twitter.com/fairdataihub" - } - }, - { - "id": "Dorian-Portillo1", - "name": "Dorian Portillo", - "pronoun": "they/them", - "roles": ["Web Developer"], - "department": "FAIR Data Innovations Hub", - "organization": "California Medical Innovations Institute", - "location": "San Bernardino, CA", - "about": "Qui molestiae aspernatur a ducimus architecto et impedit molestias aut voluptatem molestiae in omnis placeat aut veniam exercitationem. Sit autem nobis ex sequi quia ut quia provident eos quas molestiae ab eveniet eaque ut eius dignissimos? Et error sequi et voluptates iure eum nulla optio aut quia illo. ", - "image": "https://ucarecdn.com/a3ed77eb-24bc-4b55-b8f9-118a9d07f760/-/quality/smart_retina/-/format/auto/-/progressive/yes/", - "moduleImageParams": "-/crop/face/250px250p/", - "modules": ["data-sharing", "data-collection"], "education": [ - { "degree": "MD Internal Medicine", "institution": "" }, - { "degree": "MS Ophthalmology", "institution": "" }, - { "degree": "MCR Translational Research", "institution": "" } - ], - "expertise": [ - "Translational Medicine", - "Research Methodology Training", - "Grant Writing" + { + "degree": "M.Sc. in Computer Science", + "institution": "California State University, Fresno, 2020" + }, + { + "degree": "B.Sc. in Computer Science", + "institution": "California State University, Fresno, 2018" + } ], + "expertise": [], "social": { "website": ["https://fairdataihub.org"], "linkedin": "https://linkedin.com/in/bvhpatel", + "twitter": "https://twitter.com/fairdataihub", "instagram": "https://instagram.com/fairdataihub", "github": "https://github.com/slugb0t" } diff --git a/src/pages/team/index.tsx b/src/pages/team/index.tsx index 8708bac..5060a05 100644 --- a/src/pages/team/index.tsx +++ b/src/pages/team/index.tsx @@ -10,6 +10,8 @@ import { Tag, useDisclosure, VStack, + Wrap, + WrapItem, } from '@chakra-ui/react'; import { SkipNavContent, SkipNavLink } from '@chakra-ui/skip-nav'; import { motion } from 'framer-motion'; @@ -99,12 +101,14 @@ const MembersGrid: React.FC<{

{member.name}

-
- -

- {member.education[0].degree} -

-
+ {member.education.length > 0 && ( +
+ +

+ {member.education[0].degree} +

+
+ )} @@ -163,7 +167,7 @@ const TeamPage: React.FC> = ({ {/* Left Section */} -
+
{selectedTeamMember?.name> = ({
{/* Social Icons */} - + {'linkedin' in (selectedTeamMember?.social || {}) && ( - + > = ({ > - + )} {'twitter' in (selectedTeamMember?.social || {}) && ( - + > = ({ > - + )} {'instagram' in (selectedTeamMember?.social || {}) && ( - + > = ({ > - + )} {'github' in (selectedTeamMember?.social || {}) && ( - + > = ({ > - + )} {'website' in (selectedTeamMember?.social || {}) && selectedTeamMember?.social.website?.map( (site, index) => ( - + > = ({ > - + ), )} - + @@ -254,9 +258,11 @@ const TeamPage: React.FC> = ({

{selectedTeamMember?.name}{' '} - - ({selectedTeamMember?.pronoun}) - + {selectedTeamMember?.pronoun && ( + + ({selectedTeamMember?.pronoun}) + + )}

{/* Location */} @@ -296,48 +302,61 @@ const TeamPage: React.FC> = ({
{/* Education */} -
-

- - Education -

- -
    - {selectedTeamMember?.education.map((edu, index) => ( -
  • - {edu.degree}{' '} - {edu.institution && ( - - ({edu.institution}) - + {selectedTeamMember?.education && + selectedTeamMember?.education.length > 0 && ( +
    +

    + + Education +

    + +
      + {selectedTeamMember?.education.map( + (edu, index) => ( +
    • + + {edu.degree} + {' '} + {edu.institution && ( + + ({edu.institution}) + + )} +
      • + ), )} - - ))} -
    -
    +
+
+ )} {/* Expertise */} -
-

- - Expertise -

- -
- {selectedTeamMember?.expertise?.map( - (expertise, index) => ( - - {expertise} - - ), - )} -
-
+ {selectedTeamMember?.expertise && + selectedTeamMember?.expertise.length > 0 && ( +
+

+ + Expertise +

+ +
+ {selectedTeamMember?.expertise?.map( + (expertise, index) => ( + + {expertise} + + ), + )} +
+
+ )} {/* About Me */}
From 3d55ea570c1869c9c52603ac9dff55d0de8813b9 Mon Sep 17 00:00:00 2001 From: Sanjay Soundarajan Date: Thu, 16 Jan 2025 10:32:18 -0800 Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=90=9B=20fix:=20remove=20unused=20pag?= =?UTF-8?q?es?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/modules/ModuleMembers.tsx | 86 ---------- src/pages/modules/data.tsx | 129 -------------- src/pages/modules/ethics.tsx | 140 ---------------- src/pages/modules/index.tsx | 129 -------------- src/pages/modules/pedp.tsx | 136 --------------- src/pages/modules/skills.tsx | 205 ----------------------- src/pages/modules/standards.tsx | 134 --------------- src/pages/modules/teaming.tsx | 116 ------------- src/pages/modules/tools.tsx | 137 --------------- src/types/common/interfaces.d.ts | 16 -- src/utils/moduleMembersFilter.ts | 59 ------- 11 files changed, 1287 deletions(-) delete mode 100644 src/components/modules/ModuleMembers.tsx delete mode 100644 src/pages/modules/data.tsx delete mode 100644 src/pages/modules/ethics.tsx delete mode 100644 src/pages/modules/index.tsx delete mode 100644 src/pages/modules/pedp.tsx delete mode 100644 src/pages/modules/skills.tsx delete mode 100644 src/pages/modules/standards.tsx delete mode 100644 src/pages/modules/teaming.tsx delete mode 100644 src/pages/modules/tools.tsx delete mode 100644 src/utils/moduleMembersFilter.ts diff --git a/src/components/modules/ModuleMembers.tsx b/src/components/modules/ModuleMembers.tsx deleted file mode 100644 index 0668f13..0000000 --- a/src/components/modules/ModuleMembers.tsx +++ /dev/null @@ -1,86 +0,0 @@ -import { motion } from 'framer-motion'; -import Image from 'next/image'; - -import UnstyledLink from '@/components/links/UnstyledLink'; - -import { FadeFramerItem, FramerContainer } from '@/utils/framer'; - -type ComponentProps = { - Team: ModuleMembersType; -}; - -const ModuleMembers: React.FC = ({ Team }) => { - return ( -
-
-
-

- Team -

- -

- Meet the people behind the scenes who make it all happen. -

-
- - - {Team.map((member) => ( - - -
-
- {member.name -
- -

- {member.name} -

- -

- {member.roles[0]} -

- - {/* {member.roles.map((role, index) => ( -

- {role} -

- ))} */} -
- - - ))} - -
-
- ); -}; - -export default ModuleMembers; diff --git a/src/pages/modules/data.tsx b/src/pages/modules/data.tsx deleted file mode 100644 index 85bb8c7..0000000 --- a/src/pages/modules/data.tsx +++ /dev/null @@ -1,129 +0,0 @@ -import { SkipNavContent, SkipNavLink } from '@chakra-ui/skip-nav'; - -import HeroCroppedImage from '@/components/hero/HeroCroppedImage'; -import ResourcesItemIcon from '@/components/icons/ResourcesItemIcon'; -import Layout from '@/components/layout/Layout'; -import UnstyledLink from '@/components/links/UnstyledLink'; -import ModuleMembers from '@/components/modules/ModuleMembers'; -import Seo from '@/components/Seo'; - -import ModuleMembersFilter from '@/utils/moduleMembersFilter'; - -const DataModule: React.FC = ({ TeamMembers }) => ( - <> - Skip to content - - - - -
- - - - -
-
-
-

- Overview of the Data Acquisition Module -

-

- The University of Alabama at Birmingham (UAB) will oversee and - coordinate data acquisition activities over 3 sites: UAB, - University of California San Diego (UCSD) and University of - Washington (UW). -

-
-
-

- Data is responsible for: -

-
    -
  • Determining all domains and variables for the dataset.
    • -
  • Developing the protocol.
    • -
  • Drafting the Manual of Procedures (MOP).
    • -
  • - Implementing the protocol for data collection, starting with - the hiring, training, and certification of Clinical Research - Coordinators (CRCs), followed by the enrollment of - participants and participant visits. -
    • -
  • - Overseeing the biorepository storage of biospecimens at UAB - for future ancillary studies. -
    • -
-
-
-
- -
-
-
-

- Resources -

-
- -
    - {Resources.map((resource) => ( -
  • - -
    - -

    {resource.title}

    -     -

    - {resource.description} -

    -
    -
    • - ))} -
-
-
- - -
- - -); - -const Resources = [ - { - title: 'Data Acquisition Module', - description: 'A collection of resources to help you get started.', - link: '/data', - type: 'publication', - }, - { - title: 'Github', - description: 'A collection of resources to help you get started.', - link: '/data', - type: 'github', - }, -]; - -export const getStaticProps = async () => { - const TeamMembers = await ModuleMembersFilter('data'); - - return { - props: { - TeamMembers, - }, - }; -}; - -export default DataModule; diff --git a/src/pages/modules/ethics.tsx b/src/pages/modules/ethics.tsx deleted file mode 100644 index 5dc87ba..0000000 --- a/src/pages/modules/ethics.tsx +++ /dev/null @@ -1,140 +0,0 @@ -import { SkipNavContent, SkipNavLink } from '@chakra-ui/skip-nav'; - -import HeroCroppedImage from '@/components/hero/HeroCroppedImage'; -import ResourcesItemIcon from '@/components/icons/ResourcesItemIcon'; -import Layout from '@/components/layout/Layout'; -import UnstyledLink from '@/components/links/UnstyledLink'; -import ModuleMembers from '@/components/modules/ModuleMembers'; -import Seo from '@/components/Seo'; - -import ModuleMembersFilter from '@/utils/moduleMembersFilter'; - -const EthicsModule: React.FC = ({ TeamMembers }) => ( - <> - Skip to content - - - - -
- - - - -
-
-
-

- Overview of the Ethical and Trustworthy Artificial Intelligence - (ETAI) Module -

-

- The goal of the ETAI module is to establish a culture of ethical - inquiry throughout the data generation project team. -

-

- ETAI will have continuous interactions with the other five - modules within AI-READI and with the Bridge2AI Center. -

-
-
-

- The ETAI module is responsible for: -

-
    -
  • - Developing an in-depth needs assessment of each module on - their understanding of the unique ethical, legal and social - implications (ELSIs) of big data research. -
    • -
  • - Delivering educational activities tailored for each module to - improve their grasp of ELSIs. -
    • -
  • - Developing Community Intercultural Partnership Councils; - Members will be asked to help to develop accessible informed - consent and patient recruitment communications, and to - identify barriers to participation that can be addressed in - the protocol. -
    • -
  • - Seeking ways to establish pathways for partnership with the - Native American tribes to identify facilitators and barriers - to data acquisition and usage. -
    • -
-
-
-
- -
-
-
-

- Resources -

-
- -
    - {Resources.map((resource) => ( -
  • - -
    - -

    {resource.title}

    -     -

    - {resource.description} -

    -
    -
    • - ))} -
-
-
- - -
- - -); - -const Resources = [ - { - title: 'Data Acquisition Module', - description: 'A collection of resources to help you get started.', - link: '/data', - type: 'publication', - }, - { - title: 'Github', - description: 'A collection of resources to help you get started.', - link: '/data', - type: 'github', - }, -]; - -export const getStaticProps = async () => { - const TeamMembers = await ModuleMembersFilter('ethics'); - - return { - props: { - TeamMembers, - }, - }; -}; - -export default EthicsModule; diff --git a/src/pages/modules/index.tsx b/src/pages/modules/index.tsx deleted file mode 100644 index 0cacca0..0000000 --- a/src/pages/modules/index.tsx +++ /dev/null @@ -1,129 +0,0 @@ -/* eslint-disable @next/next/no-img-element */ -import { Divider } from '@chakra-ui/react'; -import { SkipNavContent, SkipNavLink } from '@chakra-ui/skip-nav'; - -import HeroCroppedImage from '@/components/hero/HeroCroppedImage'; -import Layout from '@/components/layout/Layout'; -import ButtonLink from '@/components/links/ButtonLink'; -import Seo from '@/components/Seo'; - -const Modules = [ - { - title: 'Data Acquisition', - image: '/images/modules/data-hero.svg', - tagline: - 'Develop and implement a protocol that will generate a diverse and ethically-sourced dataset for the study of type 2 diabetes', - href: '/modules/data', - }, - { - title: 'Ethical and Trustworthy Artificial Intelligence', - image: - 'https://images.unsplash.com/photo-1503551723145-6c040742065b-v2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80', - tagline: 'Establishing ethical guidelines for sharing AI-ready datasets', - href: '/modules/ethics', - }, - { - title: 'Plan for Enhancing Diverse Perspectives', - image: '/images/modules/pedp-hero.jpeg', - tagline: - 'A cross disciplinary PEDP Committee focused on better understanding and finding tangible, equitable strategies to enhance diversity in the realm of AI/ML and health.', - href: '/modules/pedp', - }, - { - title: 'Skills & Workforce Development', - image: - 'https://images.unsplash.com/photo-1524178232363-1fb2b075b655?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80', - tagline: 'Developing a diverse AI/ML-biomedical research workforce.', - href: '/modules/skills', - }, - { - title: 'Standards', - image: - 'https://images.unsplash.com/photo-1562654501-a0ccc0fc3fb1?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2064&q=80', - tagline: - 'Establishing standards for preparing and sharing AI-ready datasets', - href: '/modules/standards', - }, - { - title: 'Teaming', - image: - 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80', - tagline: - 'Applying and advancing team science while transforming our AI-READI project from a multidisciplinary endeavor into a high-performing, interdisciplinary collaboration.', - href: '/modules/teaming', - }, - { - title: 'Tools', - image: - 'https://images.unsplash.com/photo-1629904869392-ae2a682d4d01?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1752&q=80', - tagline: - 'Developing tools and software for managing, curating, and sharing AI-ready datasets', - href: '/modules/tools', - }, - { - title: 'Administration', - image: - 'https://images.unsplash.com/photo-1672935347581-ad3363263d56?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80', - tagline: 'Managing the project and its resources.', - }, -]; - -export default function HomePage() { - return ( - <> - Skip to content - - - - -
- - - - -
-
- {Modules.map((module) => ( -
- mockup - -
-

- {module.title} -

- - - -

- {module.tagline} -

- - {module.href && ( -
- - Learn more about the {module.title} module - -
- )} -
-
- ))} -
-
-
- - - ); -} diff --git a/src/pages/modules/pedp.tsx b/src/pages/modules/pedp.tsx deleted file mode 100644 index bd18c50..0000000 --- a/src/pages/modules/pedp.tsx +++ /dev/null @@ -1,136 +0,0 @@ -import { SkipNavContent, SkipNavLink } from '@chakra-ui/skip-nav'; - -import HeroCroppedImage from '@/components/hero/HeroCroppedImage'; -import ResourcesItemIcon from '@/components/icons/ResourcesItemIcon'; -import Layout from '@/components/layout/Layout'; -import UnstyledLink from '@/components/links/UnstyledLink'; -import ModuleMembers from '@/components/modules/ModuleMembers'; -import Seo from '@/components/Seo'; - -import ModuleMembersFilter from '@/utils/moduleMembersFilter'; - -const PedpModule: React.FC = ({ TeamMembers }) => ( - <> - Skip to content - - - - -
- - - - -
-
-
-

- Overview of the Plan for Enhancing Diverse Perspectives -

-

- Our mission is to help ensure that AI-READI and the science we - design and conduct works to reduce health disparities caused or - perpetuated by AI/ML. -

-

- An early outcome to gauge and enhance diverse perspectives is - the formation of the AI-READI PEDP Committee with - representative(s) from each module. -

-
-
-

- In its work, the PEDP Committee will assess the current state of - AI/ML and precision health approaches, and their impact on - health equity, and work with the modules to implement strategies - to enhance inclusion of underrepresented and traditionally - underemphasized voices at all stages of the project. -

-

- Our PEDP Committee is particularly focused on diversity and - inclusion with regard to: -

-
    -
  • Insights from a range of academic disciplines
    • -
  • Insights from a range of skill levels
    • -
  • - Insights from diverse geographies and populations (led by - ETAI) -
    • -
-

-
-
-
- -
-
-
-

- Resources -

-
- -
    - {Resources.map((resource) => ( -
  • - -
    - -

    {resource.title}

    -     -

    - {resource.description} -

    -
    -
    • - ))} -
-
-
- - -
- - -); - -const Resources = [ - { - title: 'Data Acquisition Module', - description: 'A collection of resources to help you get started.', - link: '/data', - type: 'publication', - }, - { - title: 'Github', - description: 'A collection of resources to help you get started.', - link: '/data', - type: 'github', - }, -]; - -export const getStaticProps = async () => { - const TeamMembers = await ModuleMembersFilter('pedp'); - - return { - props: { - TeamMembers, - }, - }; -}; - -export default PedpModule; diff --git a/src/pages/modules/skills.tsx b/src/pages/modules/skills.tsx deleted file mode 100644 index 06cf097..0000000 --- a/src/pages/modules/skills.tsx +++ /dev/null @@ -1,205 +0,0 @@ -/* eslint-disable @next/next/no-img-element */ -import { SkipNavContent, SkipNavLink } from '@chakra-ui/skip-nav'; - -import HeroCroppedImage from '@/components/hero/HeroCroppedImage'; -import ResourcesItemIcon from '@/components/icons/ResourcesItemIcon'; -import Layout from '@/components/layout/Layout'; -import UnstyledLink from '@/components/links/UnstyledLink'; -import ModuleMembers from '@/components/modules/ModuleMembers'; -import Seo from '@/components/Seo'; - -import ModuleMembersFilter from '@/utils/moduleMembersFilter'; - -const SkillsModule: React.FC = ({ TeamMembers }) => ( - <> - Skip to content - - - - -
- - - - -
-
-
-

- Overview of the Skills & Workforce Development Module -

-

- The overall objective of the AI-READI Skills and Workforce - Development Module is to develop and deploy training and career - development activities for individuals who will effectively - contribute to translational AI research, particularly in the - biomedical/clinical domain. -

-
-
-

- To achieve this objective, our module is engaged in the - following aims: -

-
    -
  • - Design and implement a structured, yearlong mentored research - internship program to facilitate exposure to skills in AI and - data science for post-baccalaureate students, medical - students, pre-doctoral students, postdoctoral fellows, and - other health care professionals wanting to gain AI expertise. -
    • -
  • - Deploy training and skills development activities for - researchers at all levels using the flagship datasets, - spanning ethics, tools, and standards. -
    • -
  • - Increase the range of perspectives by encouraging broad - exposure to AI-READI dataset from a variety of individuals. -
    • -
-
-
-
- -
-
-
-

- Resources -

-
- -
    - {Resources.map((resource) => ( -
  • - -
    - -

    {resource.title}

    -     -

    - {resource.description} -

    -
    -
    • - ))} -
-
-
-
-
-
-

- Intern Orientation and Onboarding -

-
- -
-
- Photo of the UAB Callahan Eye Hospital - - Photo of the UCSD Medical Center - Photo of the UW Medicine building -
-
-

- Faculty at UC San Diego hosted an immersive AI training bootcamp - for a group of interns participating in the AI-READI program. - Program PIs{' '} - - Sally Baxter, MD - - , and{' '} - - Linda Zangwill, PhD - {' '} - are overseeing the{' '} - - yearlong research internship program - - , and the bootcamp itself was led by UC San Diego Halıcıoğlu Data - Science Institute faculty{' '} - - Virginia de Sa, PhD - - ,{' '} - - Bradley Voytek, PhD - - , and Gary Cottrell, PhD.
- Bootcamp participants engaged in hands-on practice in programming - languages and learning fundamentals regarding AI and machine - learning. The participants included a wide range of individuals - ranging from master's students to postdoctoral fellows coming from - a broad range of disciplines. -

-
-
- -
- - -); - -const Resources = [ - { - title: 'AI-READI Internship Program', - description: - 'One component of AI-READI is the Skills and Workforce Development Module, which includes the development of a yearlong mentored research internship program aimed at expanding the future workforce at the intersection of data science/AI and the biomedical sciences and clinical research.', - link: 'https://shileyeye.ucsd.edu/research/ai_readi', - type: 'website', - }, -]; - -export const getStaticProps = async () => { - const TeamMembers = await ModuleMembersFilter('skills'); - - return { - props: { - TeamMembers, - }, - }; -}; - -export default SkillsModule; diff --git a/src/pages/modules/standards.tsx b/src/pages/modules/standards.tsx deleted file mode 100644 index 0a744e9..0000000 --- a/src/pages/modules/standards.tsx +++ /dev/null @@ -1,134 +0,0 @@ -import { SkipNavContent, SkipNavLink } from '@chakra-ui/skip-nav'; - -import HeroCroppedImage from '@/components/hero/HeroCroppedImage'; -import ResourcesItemIcon from '@/components/icons/ResourcesItemIcon'; -import Layout from '@/components/layout/Layout'; -import UnstyledLink from '@/components/links/UnstyledLink'; -import ModuleMembers from '@/components/modules/ModuleMembers'; -import Seo from '@/components/Seo'; - -import ModuleMembersFilter from '@/utils/moduleMembersFilter'; - -const StandardsModule: React.FC = ({ TeamMembers }) => ( - <> - Skip to content - - - - -
- - - - -
-
-
-

- Overview of the Standards Module -

-

- The goal of the Standards module is to establish a set of - formatting requirements for the different types of data that - will be collected for the AI-READI dataset. -

-

- The Standards Module works to streamline the development of AI - models for researchers who access the AI-READI dataset. - Standardized data will facilitate data sharing as well as - evaluation and reproducibility of study results. -

-
-
-

- The Standards Module is responsible for: -

-
    -
  • - Selecting data standards that are at the cutting edge of open - source data sharing. -
    • -
  • - Working with the data acquisition module to better understand - the types of data being generated from the various collection - sources. -
    • -
  • - Coordinating with the Tools module to implement the selected - standards in the online platform. -
    • -
-
-
-
- -
-
-
-

- Resources -

-
- -
    - {Resources.map((resource) => ( -
  • - -
    - -

    {resource.title}

    -     -

    - {resource.description} -

    -
    -
    • - ))} -
-
-
- - -
- - -); - -const Resources = [ - { - title: 'Data Acquisition Module', - description: 'A collection of resources to help you get started.', - link: '/data', - type: 'publication', - }, - { - title: 'Github', - description: 'A collection of resources to help you get started.', - link: '/data', - type: 'github', - }, -]; - -export const getStaticProps = async () => { - const TeamMembers = await ModuleMembersFilter('standards'); - - return { - props: { - TeamMembers, - }, - }; -}; - -export default StandardsModule; diff --git a/src/pages/modules/teaming.tsx b/src/pages/modules/teaming.tsx deleted file mode 100644 index d2ddc83..0000000 --- a/src/pages/modules/teaming.tsx +++ /dev/null @@ -1,116 +0,0 @@ -import { SkipNavContent, SkipNavLink } from '@chakra-ui/skip-nav'; - -import HeroCroppedImage from '@/components/hero/HeroCroppedImage'; -import ResourcesItemIcon from '@/components/icons/ResourcesItemIcon'; -import Layout from '@/components/layout/Layout'; -import UnstyledLink from '@/components/links/UnstyledLink'; -import ModuleMembers from '@/components/modules/ModuleMembers'; -import Seo from '@/components/Seo'; - -import ModuleMembersFilter from '@/utils/moduleMembersFilter'; - -const TeamingModule: React.FC = ({ TeamMembers }) => ( - <> - Skip to content - - - - -
- - - - -
-
-
-

- Overview of the Teaming Module -

-

- The Teaming module is working across AI-READI modules to develop - an effective multi-team system, capable of achieving individual - module, AI-READI, and Bridge2AI goals to create and share a - flagship, ethically sourced, dataset for Type 2 diabetes. -

-
-
-

- We are applying team science by recognizing boundaries and - interaction patterns of our multi-team system, and analyzing and - intervening on interaction patterns to promote teaming. We are - advancing team science by leveraging quantitative and - qualitative methods to develop a new understanding of teaming - across disciplinary and community interfaces. We also support - AI-READI's committee charged with achieving our Plan for - Enhancing Diverse Perspectives. -

-
-
-
- -
-
-
-

- Resources -

-
- -
    - {Resources.map((resource) => ( -
  • - -
    - -

    {resource.title}

    -     -

    - {resource.description} -

    -
    -
    • - ))} -
-
-
- - -
- - -); - -const Resources = [ - { - title: 'Multi-team system baseline questionnaire', - description: - 'You are invited to participate in a questionnaire about how individuals, teams, and systems of teams collaborate and coordinate to create an ethically sourced dataset for use with artificial intelligence.', - link: 'https://stanforduniversity.qualtrics.com/jfe/form/SV_2rz7byaK1HPwX9c', - type: 'survey', - }, -]; - -export const getStaticProps = async () => { - const TeamMembers = await ModuleMembersFilter('teaming'); - - return { - props: { - TeamMembers, - }, - }; -}; - -export default TeamingModule; diff --git a/src/pages/modules/tools.tsx b/src/pages/modules/tools.tsx deleted file mode 100644 index b136168..0000000 --- a/src/pages/modules/tools.tsx +++ /dev/null @@ -1,137 +0,0 @@ -import { SkipNavContent, SkipNavLink } from '@chakra-ui/skip-nav'; - -import HeroCroppedImage from '@/components/hero/HeroCroppedImage'; -import ResourcesItemIcon from '@/components/icons/ResourcesItemIcon'; -import Layout from '@/components/layout/Layout'; -import UnstyledLink from '@/components/links/UnstyledLink'; -import ModuleMembers from '@/components/modules/ModuleMembers'; -import Seo from '@/components/Seo'; - -import ModuleMembersFilter from '@/utils/moduleMembersFilter'; - -const ToolsModule: React.FC = ({ TeamMembers }) => ( - <> - Skip to content - - - - -
- - - - -
-
-
-

- Overview of the Tools Module -

-

- The Tools module is developing{' '} - - fairhub.io - - , a platform for easily managing, preparing, and sharing FAIR - and AI-ready datasets. -

-
-
-

- Leveraging a partnership with Microsoft,{' '} - - fairhub.io - {' '} - will be developed using Azure Cloud Services. The platform will - include convenient tools to track clinical and biomedical data - collection, prepare and share FAIR data, and conveniently access - data for future AI/ML analysis. -

-

- In addition, the Tools module will support the effort of the - Data Acquisition module by setting up and managing additional - tools such REDCap. -

-
-
-
- -
-
-
-

- Resources -

-
- -
    - {Resources.map((resource) => ( -
  • - -
    - -

    - {resource.title} -

    -     -

    - {resource.description} -

    -
    -
    • - ))} -
-
-
- - -
- - -); - -const Resources = [ - { - title: 'The fairhub.io platform', - description: 'Link to the fairhub.io platform', - link: 'https://fairhub.io', - type: 'website', - }, - { - title: 'GitHub organization of the AI-READI project', - description: - 'GitHub organization of the AI-READI project where all the tools are developed from', - link: 'https://github.com/AI-READI', - type: 'github', - }, -]; - -export const getStaticProps = async () => { - const TeamMembers = await ModuleMembersFilter('tools'); - - return { - props: { - TeamMembers, - }, - }; -}; - -export default ToolsModule; diff --git a/src/types/common/interfaces.d.ts b/src/types/common/interfaces.d.ts index 12c3b7a..f96bb80 100644 --- a/src/types/common/interfaces.d.ts +++ b/src/types/common/interfaces.d.ts @@ -23,22 +23,6 @@ interface TextWithImagesContent { image2: string; } -interface ModuleMemberType { - name: string; - id: string; - roles: string[]; - image: string; - modules: string[]; - moduleImageParams: string; - blurDataURL: string; -} - -type ModuleMembersType = ModuleMemberType[]; - -type ModuleMembersPageProps = { - TeamMembers: ModuleMembersType; -}; - interface EventItem { slug: string; timeToRead: number; diff --git a/src/utils/moduleMembersFilter.ts b/src/utils/moduleMembersFilter.ts deleted file mode 100644 index bd024a8..0000000 --- a/src/utils/moduleMembersFilter.ts +++ /dev/null @@ -1,59 +0,0 @@ -import { getPlaiceholder } from 'plaiceholder'; - -import TEAM_JSON from '~/data/team.json'; - -/** - * - * @param module - * @returns - */ -export default async function ModuleMembersFilter( - module: string, -): Promise { - const AllTeamMembers: ModuleMemberType[] = await Promise.all( - TEAM_JSON.map(async (member) => { - const { - base64, - // eslint-disable-next-line unused-imports/no-unused-vars - img: { width, height, ...img }, - } = await getPlaiceholder(member.image); - - return { - ...img, - alt: `${member.name} profile picture`, - ...member, - blurDataURL: base64, - }; - }), - ).then((values) => values); - - const FilteredTeamMembers = AllTeamMembers.filter((member) => - member.modules.includes(module), - ); - - FilteredTeamMembers.sort((a, b) => { - if (a.name < b.name) { - return -1; - } - - if (a.name > b.name) { - return 1; - } - - return 0; - }); - - return FilteredTeamMembers.map((member) => { - const item: ModuleMemberType = { - name: member.name, - id: member.id, - roles: member.roles, - modules: member.modules, - image: member.image, - moduleImageParams: member.moduleImageParams, - blurDataURL: member.blurDataURL, - }; - - return item; - }); -}