Merge pull request #37 from blackinai/neurips24

Neurips24

src/pages/BaiWorkshops/BAI2024/CallForPapers.js

@@ -9,6 +9,7 @@ import ContentFile from '../../../components/Markdown/readfile';
 import WorkshopPageHeader from '../../../components/WorkshopPageHeader';
 import image from './../../../assets/img/general/header-bai-2024.png';
 import Loader from '../../../loader';
+import Organizers from './Organizers';
 
 function CallForPapers() {
     return (
@@ -19,6 +20,7 @@ function CallForPapers() {
             <ContentFile href={CallForPapers2024}>
                 Black in AI 2024 - Call For Papers
             </ContentFile>
+            <Organizers />
             <Footer />
         </ThemeProvider>
     );

src/pages/BaiWorkshops/BAI2024/Organizers.js

@@ -0,0 +1,145 @@
+import React from 'react';
+import Footer from '../../../components/Footer';
+import Navbar from '../../../components/Navbar';
+import Loader from '../../../loader';
+import { ThemeProvider } from '@material-ui/core';
+import theme from '../../../theme';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import Grid from '@material-ui/core/Grid';
+import { Container, Card, CardContent, Avatar, Link} from '@material-ui/core/';
+import Typography from '../../../components/Typography';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+
+// images 
+import foutse from '../../../assets/img/team/foutse.jpg';
+import salomey from '../../../assets/img/team/salomey.jpg';
+import mirian from '../../../assets/img/team/mirian.jpg';
+
+const styles = (theme) => ({
+    root: {
+        display: 'flex',
+        overflow: 'hidden',
+    },
+    container: {
+        marginTop: theme.spacing(0),
+        marginBottom: theme.spacing(10),
+        display: 'flex',
+        position: 'relative',
+    },
+    more: {
+        marginTop: theme.spacing(5),
+    },
+    item: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'left',
+        padding: theme.spacing(0, 5),
+    },
+    avatarSize: {
+        width: theme.spacing(15),
+        height: theme.spacing(15),
+    },
+    icon: {
+        alignItems: 'left',
+        padding: theme.spacing(1),
+        color: theme.palette.primary.dark,
+    },
+    card: {
+        height: '100%',
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(5),
+        display: 'flex',
+        width:'100%',
+        border: 'none',
+        boxShadow: 'none',
+    },
+    title: {
+        marginBottom: theme.spacing(0),
+    },
+});
+
+const organizers = [
+    {
+        image: mirian,
+        title: 'Mírian Silva', 
+        subtitle: 'AI Engineer at IBM Research',
+        bio: 'Mirian (She/Her) is an AI Research Engineer at IBM Research. She is a producer and instructor at Coursera, where she teaches Guided Projects. Currently MSc student in Computer Science at the Federal University of Minas Gerais, Brazil. She holds a BSc. in Computational Mathematics from the same university. Her research interests include broadly AI/ML, with a special focus on Privacy and Trustworthy AI.',
+        icon_1: <FontAwesomeIcon icon={["fab", "twitter"]}/>,
+        icon_2: <FontAwesomeIcon icon={["fa", "link"]}/>,
+        link_1: 'https://twitter.com/mirianfrsilva',
+        link_2: 'https://mirianfsilva.github.io/'
+    },
+    {
+        image: salomey,
+        title: 'Salomey Osei', 
+        subtitle: 'Research Assistant, University of Deusto',
+        bio: 'Salomey is a research assistant at DeustoTech, University of Deusto. She is also a researcher at Masakhane and the research lead of unsupervised methods for Ghana NLP. She has been involved with a number of organizations such as Black in AI, Women in Machine Learning (WiML) and Women in Machine Learning and Data Science (WiMLDS) as a co-organiser. She is also passionate about mentoring students, especially females in STEM and her long term goal is to share her knowledge with others by lecturing.',
+        icon_1: <FontAwesomeIcon icon={["fab", "twitter"]}/>,
+        icon_2: <FontAwesomeIcon icon={["fab", "linkedin"]}/>,
+        link_1: 'https://twitter.com/NanaYaaSally',
+        link_2: 'https://www.linkedin.com/in/salomey-osei-4b08a5b8/'
+    },
+    {
+        image: foutse,
+        title: 'Foutse Yuehgoh', 
+        subtitle: 'P.h.D Student at CNAM/ESILV & Coexel',
+        bio: 'Foutse holds a BSc. degree in Mathematics and Computer Science (minor) from the University of Buea, Cameroon, and two Master\'s degrees - one in Big Data and Computer security, and the other in Information and Data processing from the African Institute for Mathematical Sciences (AIMS), Senegal and the University of Paris Saclay, France respectively. She is currently pursuing a Ph.D. in Computer Science, working on the intersection of graphs and Natural Language Processing for recommender systems.',
+        icon_1: <FontAwesomeIcon icon={["fab", "twitter"]}/>,
+        icon_2: <FontAwesomeIcon icon={["fa", "link"]}/>,
+        link_1: 'https://twitter.com/yuehgoh',
+        link_2: 'https://foutse.github.io/'
+    },
+];
+
+function Organizers(props) {
+    const { classes } = props;
+
+    return (
+        <ThemeProvider theme={theme}>
+            <Loader />
+            <Navbar />
+            {/* <WorkshopPageHeader src={image}/> */}
+            <section className={classes.root}>
+                <Container className={classes.container}>
+                    <Grid container spacing={4}>
+                        <Grid item xs={12}>
+                            <Typography variant="h4" align="center" marked="center" className={classes.title}>
+                                Black in AI 2024 Workshop Organizers
+                            </Typography>
+                        </Grid>
+                        <Grid container justifyContent="center">
+                            {organizers.map((tile) => (
+                                <Grid key={tile} item xs md={3} align="center">
+                                    <Avatar alt={tile.title} src={tile.image} className={classes.avatarSize} />
+                                    <Typography className={classes.title} variant="h6" gutterBottom>
+                                        {tile.title}
+                                        <Link className={classes.icon} href={tile.link_1}>{tile.icon_1}</Link>
+                                        <Link className={classes.icon} href={tile.link_2}>{tile.icon_2}</Link>
+                                        <br/>
+                                        {tile.subtitle}
+                                    </Typography>
+                                    {/* <Card className={classes.card}>
+                                    <CardContent> */}
+                                        {/* <br></br> */}
+                                        {/* <Typography variant="body2" component="p">
+                                            {tile.bio}
+                                        </Typography> */}
+                                    {/* </CardContent> */}
+                                {/* </Card> */}
+                                </Grid>
+                            ))}
+                        </Grid>
+                    </Grid>
+                </Container>
+            </section>
+        <Footer />
+        </ThemeProvider>
+    );
+}
+
+Organizers.propTypes = {
+    classes: PropTypes.object.isRequired,
+};
+
+export default withStyles(styles)(Organizers);

src/posts/bai2024/CallForPapers2024.md

@@ -42,13 +42,9 @@ To attend the workshop you must register to the NeurIPS conference. We strongly
 Submission will be done on Microsoft Conference Management Toolkit (CMT): [HOW-TO: Author Submission](https://cmt3.research.microsoft.com/docs/help/author/author-submission-form.html#use-known-conference-url)
 
 
-**Submit your work using CMT at**: COMING SOON
-
-<!-- https://cmt3.research.microsoft.com/BAI2024  -->
+**Submit your work using CMT at**: https://cmt3.research.microsoft.com/BAI2024 
 
 Submission instructions and important deadlines can be also found [here](https://docs.google.com/document/d/1NbnclRsdB3gfO7dcXeuXfhfK6LSjwzMT_OSvuqXjBRw/edit?usp=sharing)
 
 
-If you have any questions, contact Organizers at [email protected] and follow @black_in_ai to keep updated.
-
-**Organizers commitee:** Marquita Riggins ([email protected])
+If you have any questions, contact Organizers at [email protected] and follow @black_in_ai to keep updated.