+ {PostList[0].frontMatter.subtitle} +
+ ++ {PostList[0].timeToRead} min read +
++ {post.frontMatter.subtitle} +
+ ++ {post.timeToRead} min read +
+{text}
+ {showButtons && ( ++ {paragraph} +
+ ))} +{question.answer}
++ The project team is structured into six modules, each leading a key + aspect. Meet our team +
++ {feature.description} +
+ + Read more +{text}
++ Some key numbers from the project +
++ {' '} + to{' '} + {isSameDay ? ( + + ) : ( + + )} +
+ ); +}; + +export default EventDates; diff --git a/src/components/events/EventsLayout.tsx b/src/components/events/EventsLayout.tsx new file mode 100644 index 0000000..ad5d8ac --- /dev/null +++ b/src/components/events/EventsLayout.tsx @@ -0,0 +1,69 @@ +import { Divider, Tag, VStack } from '@chakra-ui/react'; +import dayjs from 'dayjs'; +import Image from 'next/image'; +import Link from 'next/link'; + +import EventDates from '@/components/events/EventDates'; + +const EventsLayout: React.FC+ {event.frontMatter.subtitle} +
+ ++ {event.timeToRead} min read +
++ {tagline} +
+ + {showButtons && ( ++ {tagline} +
+ )} + + {showButtons && ( ++ {tagline} +
+ + {showButtons && ( ++ {tagline} +
+ {showButtons && ( ++ Meet the people behind the scenes who make it all happen. +
++ {member.roles[0]} +
+ + {/* {member.roles.map((role, index) => ( ++ {role} +
+ ))} */} +{subtitle}
+ ++ {PostList[0].frontMatter.subtitle} +
+ ++ {PostList[0].timeToRead} min read +
++ {post.frontMatter.subtitle} +
+ ++ {post.timeToRead} min read +
+Email: ${email}
+ //Subject: ${subject}
+ //Message: ${message}
`, + // }; + + // const usermsg = { + // to: email, + // from: `contact@aireadi.org`, + // subject: `Hi there!`, + // html: `Thank you for contacting us. We will be in touch with you soon. + //Email: ${email}
+ //Subject: ${subject}
+ //Message: ${message}
`, + // }; + + // sgMail + // .send(ourmsg) + // .then(() => { + // sgMail + // .send(usermsg) + // .then(() => { + // // eslint-disable-next-line no-console + // console.log(`Email sent`); + // const response = { success: true }; + // res.status(200).json(response); + // }) + // .catch((error: unknown) => { + // // eslint-disable-next-line no-console + // console.error(error); + // const response = { success: false }; + // res.status(400).json(response); + // }); + // }) + // .catch((error: unknown) => { + // // eslint-disable-next-line no-console + // console.error(error); + // const response = { success: false }; + // res.status(400).json(response); + // }); + // } + + return res.status(400).json({ success: false }); +} diff --git a/src/pages/api/hello.ts b/src/pages/api/hello.ts new file mode 100644 index 0000000..5a763fd --- /dev/null +++ b/src/pages/api/hello.ts @@ -0,0 +1,7 @@ +// Next.js API route support: https://nextjs.org/docs/api-routes/introduction + +import { NextApiRequest, NextApiResponse } from 'next'; + +export default function hello(req: NextApiRequest, res: NextApiResponse) { + res.status(200).json({ name: 'Bambang' }); +} diff --git a/src/pages/blog/[slug].tsx b/src/pages/blog/[slug].tsx new file mode 100644 index 0000000..5438734 --- /dev/null +++ b/src/pages/blog/[slug].tsx @@ -0,0 +1,279 @@ +import { Avatar, Tag } from '@chakra-ui/react'; +import { SkipNavLink } from '@chakra-ui/skip-nav'; +import { Icon } from '@iconify/react'; +import dayjs from 'dayjs'; +import fs from 'fs'; +import matter from 'gray-matter'; +import { GetStaticPaths, GetStaticProps } from 'next'; +import Image from 'next/image'; +import Link from 'next/link'; +import { toast, ToastContainer } from 'react-toastify'; + +import 'react-toastify/dist/ReactToastify.css'; + +import markdownToHtml from '@/lib/markdownToHtml'; + +import Layout from '@/components/layout/Layout'; +import PostBody from '@/components/post/PostBody'; +import Seo from '@/components/Seo'; + +import TEAM_JSON from '~/data/team.json'; + +interface PostProps { + slug: string; + frontMatter: { + title: string; + date: string; + authors: string[]; + heroImage: string; + imageAuthor: string; + imageAuthorLink: string; + tags: string[]; + subtitle: string; + categories: string[]; + }; + postContent: string; +} + +interface Author { + id: string; + name: string; + image: string; + moduleImageParams: string; +} + +const AllAuthors: Record+ {subtitle} +
++ You can change primary color to any Tailwind CSS colors. See + globals.css to change your color. +
++ No style applied, differentiate internal and outside links, + give custom cursor for outside links. +
++ Add styling on top of UnstyledLink, giving a primary color to + the link. +
++ Add styling on top of UnstyledLink, giving a dotted and + animated underline. +
++ Useful for indicating navigation, I use this quite a lot, so + why not build a component with some whimsy touch? +
++ Button styled link with 3 variants. +
++ Ordinary button with style. +
++ Styled 404 page with some animation. +
++ Next Image with default props and skeleton animation +
++ Skeleton with shimmer effect +
++ Have a question about our project? Want to provide feedback + about our dataset or anything else? Need help using our data? + Let us know! +
+ ++ Note that we are mostly looking for feedback at this moment but + will try our best to answer questions. Please use an + institutional email for faster response and preventing your + query from being flagged as a spam. +
+ + ++ The AI-READI dataset is accessible from FAIRhub at fairhub.io. + The dataset's landing page on FAIRhub contains various + information about the dataset. Additional details are available + in the dataset documentation at docs.aireadi.org +
+ +{subtitle}
+
+ Have a different question and can't find the answer you're
+ looking for?
+
+
+ We are currently working on a suitable process for getting
+ access to our controlled set and do not have an anticipated
+ date for completing it. Please keep checking our{' '}
+
+ Note that this is an ongoing study and we are releasing data + progressively as it is being collected. Our next release is + planned towards the end of Fall 2024 with data from + approximately 1,000 participants. Another release will + likely be made a year later before the final release with + data from 4,000 participants is made during Fall or Winter + 2026. +
+
+ You should receive the link typically within 2 weeks if not
+ sooner depending on the number of requests we receive during
+ that time. If you have not received it after 3 weeks, please
+ reach out to us through our{' '}
+
+ We are not taking any queries at this time.
We hope you
+ can find all the necessary information on our website.
+
+ Non sunt consequuntur non autem numquam qui accusamus saepe et + rerum mollitia rem recusandae assumenda +
++ Lorem ipsum dolor sit amet. Vel aspernatur vero est + praesentium reprehenderit est distinctio expedita non enim + animi. Non inventore quas aut assumenda quisquam sit + voluptates velit ea doloremque debitis. Ab vitae nihil et vero + accusantium sed corrupti perspiciatis qui laudantium dicta quo + nulla voluptas qui commodi dolor. Qui rerum nisi qui vitae + atque aut consequatur tempora ex error enim. +
+ +
+ + Sed quidem sapiente cum sint saepe non doloremque velit qui + veniam praesentium aut repudiandae laboriosam id autem + facilis. Ut quidem facere id maxime ipsum 33 maiores natus et + commodi eveniet qui beatae ipsam et nostrum optio sit voluptas + voluptatem. Aut esse dolorem cum suscipit voluptate et + deserunt obcaecati qui fugiat veniam 33 enim veniam qui + galisum perferendis. Et dolores magnam hic provident quae ea + voluptates sint ut earum internos ut facere quidem. +
+ +
+ + Est molestiae recusandae et dolore cupiditate aut + necessitatibus neque ut quod dolor sed voluptatibus esse vel + nobis rerum. Qui praesentium quam non esse voluptatem aut + accusantium porro et sunt voluptate aut quaerat asperiores et + voluptas libero est autem ipsam. Non sunt consequuntur non + autem numquam qui accusamus saepe et rerum mollitia rem + recusandae assumenda. +
+ ++ 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: +
+{resource.title}
++ {resource.description} +
++ 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: +
+{resource.title}
++ {resource.description} +
++ {module.tagline} +
+ + {module.href && ( ++ 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: +
+{resource.title}
++ {resource.description} +
++ 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: +
+{resource.title}
++ {resource.description} +
+
+ Faculty at UC San Diego hosted an immersive AI training bootcamp
+ for a group of interns participating in the AI-READI program.
+ Program PIs{' '}
+
+ 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.
+
+ 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: +
+{resource.title}
++ {resource.description} +
++ 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. +
+{resource.title}
++ {resource.description} +
+
+ The Tools module is developing{' '}
+
+ Leveraging a partnership with Microsoft,{' '}
+
+ In addition, the Tools module will support the effort of the + Data Acquisition module by setting up and managing additional + tools such REDCap. +
++ {resource.title} +
++ {resource.description} +
++ {scholar.education[0].degree} +
+
+ {selectedScholar?.expertise.map((expertise, index) => (
+
+ {selectedScholar?.about} +
+ ++ {selectedScholar?.after} +
++ Meet the people behind the scenes who make it all happen +
++ {role} +
+ ))} + +{member.department}
+{member.organization}
+{member.location}
++ {member.caption} +
+ + {/*