diff --git a/src/App.css b/src/App.css index afc91c2..0a6ff18 100644 --- a/src/App.css +++ b/src/App.css @@ -68,6 +68,6 @@ h2 { } .team { - height: 600px; - background-color:darkkhaki; + /* height: 600px; */ + /* background-color:darkkhaki; */ } \ No newline at end of file diff --git a/src/App.tsx b/src/App.tsx index e81fd49..db92ed4 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -6,6 +6,7 @@ import Prospectus from "./components/Prospectus" import Faqs from "./components/Faqs"; import Title from "./components/Title"; import Schedule from "./components/Schedule"; +import Team from "./components/Team"; function App() { const home = useRef(null); @@ -62,7 +63,7 @@ function App() {
-

TEAM

+

diff --git a/src/components/Team.tsx b/src/components/Team.tsx new file mode 100644 index 0000000..d37e813 --- /dev/null +++ b/src/components/Team.tsx @@ -0,0 +1,142 @@ +import Table from '@mui/joy/Table'; +import Typography from '@mui/joy/Typography'; +import Button from "@mui/joy/Button"; +import blank from "../images/Team/blank.jpeg"; +import e from "../images/email.png"; +import g from "../images/github.png"; + +import alex from "../images/Team/alex.jpeg"; +import saahiti from "../images/Team/saahiti.png"; +import emily from "../images/Team/emily.jpg"; +import noam from "../images/Team/noam.png"; +import milo from "../images/Team/milo.jpeg"; +import evelyn from "../images/Team/evelyn.png"; +import jeremy from "../images/Team/jeremy.png"; +import nikita from "../images/Team/nikita.jpeg"; +import ada from "../images/Team/ada.jpg"; + +function addPerson(name: string, image: string, role: string, link: string, type: string) { + + let typeImage = type === "Github" ? g : e; + + return { name, image, role, link, type, typeImage}; +} + +const directors = [ + addPerson('Alexandra Markova', alex, 'Director', 'https://github.com/kitkatmia','Github'), + addPerson('Saahiti Bondalapati', saahiti, 'Outreach Director', 'saahiti@mvhacks.io','Email'), + addPerson('Arthur Cheong', blank, 'Emcee', 'arthurc@mvhacks.io','Email'), + addPerson('Emily Markova', emily, 'Tech Director', 'https://github.com/emilymarkova','Github'), + addPerson('Yhali Matot', blank, 'Sponsorship Director', 'alexm@mvhacks.io','Email') +]; + +const tech = [ + addPerson('Noam Kassoff', noam, 'Member', 'https://github.com/noamkassoff','Github'), + addPerson('Milo Lin', milo, 'Member', 'milo@mvhacks.io','Email'), + addPerson('Emily Markova', emily, 'Director', 'emily@mvhacks.io','Email'), + addPerson('Mia Ravishankar', blank, 'Member', 'miar@mvhacks.io','Email'), + addPerson('Evelyn Yang', evelyn, 'Member', 'evelyny@mvhacks.io','Email'), + addPerson('Jeremy Yu', jeremy, 'Member', 'https://github.com/jt31415','Github') +]; + +const outreach = [ + addPerson('Saahiti Bondalapati', saahiti, 'Director', 'saahiti@mvhacks.io', 'Email'), + addPerson('Rohin Gupta', blank, 'Member', 'alexm@mvhacks.io','Email'), + addPerson('Nikita Narrang', nikita, 'Member', 'nikita@mvhacks.io','Email'), + addPerson('Ishaan Sharma', blank, 'Member', 'alexm@mvhacks.io','Email'), + addPerson('Mirabel Wang', blank, 'Member', 'mirabelw@mvhacks.io','Email') +]; + +const sponsorship = [ + addPerson('Kirati Bollineni', blank, 'Member', 'alexm@mvhacks.io','Email'), + addPerson('Ethan Chen', blank, 'Member', 'alexm@mvhacks.io','Email'), + addPerson('Owen Kim', blank, 'Member', 'alexm@mvhacks.io','Email'), + addPerson('Yhali Matot', blank, 'Director', 'alexm@mvhacks.io','Email'), + addPerson('Henry Shih', blank, 'Member', 'henry@mvhacks.io','Email'), + addPerson('Shankaran Srivatsa', blank, 'Member', 'alexm@mvhacks.io','Email'), + addPerson('Kevin Thompson', blank, 'Member', 'alexm@mvhacks.io','Email'), + addPerson('Ada Tulac', ada, 'Member', 'adat@mvhacks.io','Email') +]; + +const teams = [ + { name: "Directors", members: directors }, + { name: "Tech", members: tech }, + { name: "Outreach", members: outreach }, + { name: "Sponsorship", members: sponsorship } +]; + +export default function Team() { + return ( +
+ + TEAM + + + {teams.map((team) => ( + + + + + + + + + +
+ {team.name} +
+
+ + {team.members.map((member, i) => ( +
+ member-image +
+ {member.name} +
+
+ {member.role} +
+
+ +
+
+ ))} + +
+
+ ))} + +
+ ); +} \ No newline at end of file diff --git a/src/images/Team/ada.jpg b/src/images/Team/ada.jpg new file mode 100644 index 0000000..4d30b65 Binary files /dev/null and b/src/images/Team/ada.jpg differ diff --git a/src/images/Team/alex.jpeg b/src/images/Team/alex.jpeg new file mode 100644 index 0000000..75c5b5b Binary files /dev/null and b/src/images/Team/alex.jpeg differ diff --git a/src/images/Team/blank.jpeg b/src/images/Team/blank.jpeg new file mode 100644 index 0000000..d3e0bed Binary files /dev/null and b/src/images/Team/blank.jpeg differ diff --git a/src/images/Team/emily.jpg b/src/images/Team/emily.jpg new file mode 100644 index 0000000..c916d22 Binary files /dev/null and b/src/images/Team/emily.jpg differ diff --git a/src/images/Team/evelyn.png b/src/images/Team/evelyn.png new file mode 100644 index 0000000..bc29be8 Binary files /dev/null and b/src/images/Team/evelyn.png differ diff --git a/src/images/Team/henry.jpg b/src/images/Team/henry.jpg new file mode 100644 index 0000000..19289d7 Binary files /dev/null and b/src/images/Team/henry.jpg differ diff --git a/src/images/Team/jeremy.png b/src/images/Team/jeremy.png new file mode 100644 index 0000000..3993832 Binary files /dev/null and b/src/images/Team/jeremy.png differ diff --git a/src/images/Team/milo.jpeg b/src/images/Team/milo.jpeg new file mode 100644 index 0000000..536ee75 Binary files /dev/null and b/src/images/Team/milo.jpeg differ diff --git a/src/images/Team/nikita.jpeg b/src/images/Team/nikita.jpeg new file mode 100644 index 0000000..0c443b2 Binary files /dev/null and b/src/images/Team/nikita.jpeg differ diff --git a/src/images/Team/noam.png b/src/images/Team/noam.png new file mode 100644 index 0000000..fcfc4e4 Binary files /dev/null and b/src/images/Team/noam.png differ diff --git a/src/images/Team/saahiti.png b/src/images/Team/saahiti.png new file mode 100644 index 0000000..135f0f6 Binary files /dev/null and b/src/images/Team/saahiti.png differ diff --git a/src/images/email.png b/src/images/email.png new file mode 100644 index 0000000..63b9e41 Binary files /dev/null and b/src/images/email.png differ diff --git a/src/images/github.png b/src/images/github.png new file mode 100644 index 0000000..b2f83db Binary files /dev/null and b/src/images/github.png differ