diff options
| author | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2021-07-15 15:10:04 +0200 |
|---|---|---|
| committer | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2021-07-15 15:45:25 +0200 |
| commit | 829be3c973f5ca837431c3ca10909412b675e668 (patch) | |
| tree | 4228b7173d5a058f1a4f2fd77fb4691cf29bc90f /opendc-web/opendc-web-ui/src/components/home/TeamSection.js | |
| parent | 1a2416043f0b877f570e89da74e0d0a4aff1d8ae (diff) | |
refactor(ui): Extract OpenDC landing page from web interface
This change extracts the landing page from the web interface in order to
separate the development of the two. This allows the landing page to be
developed independently of the actual OpenDC web application.
Diffstat (limited to 'opendc-web/opendc-web-ui/src/components/home/TeamSection.js')
| -rw-r--r-- | opendc-web/opendc-web-ui/src/components/home/TeamSection.js | 82 |
1 files changed, 0 insertions, 82 deletions
diff --git a/opendc-web/opendc-web-ui/src/components/home/TeamSection.js b/opendc-web/opendc-web-ui/src/components/home/TeamSection.js deleted file mode 100644 index dd057a93..00000000 --- a/opendc-web/opendc-web-ui/src/components/home/TeamSection.js +++ /dev/null @@ -1,82 +0,0 @@ -import PropTypes from 'prop-types' -import React from 'react' -import Image from 'next/image' -import { Row, Col } from 'reactstrap' -import ContentSection from './ContentSection' - -const TeamLead = ({ photoId, name, description }) => ( - <Col xl="3" lg="3" md="4" sm="6" className="justify-content-center"> - <Row> - <Col xl="10" lg="10" md="10" sm="8" col="5" className="my-2 mx-auto" alt={name}> - <Image - src={'/img/portraits/' + photoId + '.png'} - layout="intrinsic" - width={182} - height={182} - alt={name} - /> - </Col> - <Col> - <h4>{name}</h4> - <div className="team-member-description">{description}</div> - </Col> - </Row> - </Col> -) - -TeamLead.propTypes = { - photoId: PropTypes.string, - name: PropTypes.string, - description: PropTypes.string, -} - -const TeamMember = ({ photoId, name }) => ( - <Col xl="2" lg="2" md="3" sm="4" className="justify-content-center"> - <Row> - <Col xl="10" lg="10" md="10" sm="8" xs="5" className="my-2 mx-auto"> - <Image - src={'/img/portraits/' + photoId + '.png'} - layout="intrinsic" - width={100} - height={100} - alt={name} - /> - </Col> - <Col> - <h5>{name}</h5> - </Col> - </Row> - </Col> -) - -TeamMember.propTypes = { - photoId: PropTypes.string, - name: PropTypes.string, -} - -const TeamSection = ({ className }) => ( - <ContentSection name="team" title="OpenDC Team" className={className}> - <Row className="justify-content-center"> - <TeamLead photoId="aiosup" name="Prof. dr. ir. Alexandru Iosup" description="Project Lead" /> - <TeamLead photoId="fmastenbroek" name="Fabian Mastenbroek" description="Technology Lead" /> - <TeamLead photoId="gandreadis" name="Georgios Andreadis" description="Former Technology Lead (2018-2020)" /> - <TeamLead photoId="vvanbeek" name="Vincent van Beek" description="Former Technology Lead (2017-2018)" /> - </Row> - <Row className="justify-content-center mt-5"> - <TeamMember photoId="loverweel" name="Leon Overweel" /> - <TeamMember photoId="lfdversluis" name="Laurens Versluis" /> - <TeamMember photoId="evaneyk" name="Erwin van Eyk" /> - <TeamMember photoId="sjounaid" name="Soufiane Jounaid" /> - <TeamMember photoId="wlai" name="Wenchen Lai" /> - <TeamMember photoId="hhe" name="Hongyu He" /> - <TeamMember photoId="jburley" name="Jacob Burley" /> - <TeamMember photoId="jbosch" name="Jaro Bosch" /> - </Row> - </ContentSection> -) - -TeamSection.propTypes = { - className: PropTypes.string, -} - -export default TeamSection |
