From 85e9603897c020bb4634c7c941d66f2c06dcacb7 Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Sun, 9 May 2021 10:56:57 +0200
Subject: ui: Actualize team section

---
 .../opendc-web-ui/public/img/portraits/evaneyk.png | Bin 0 -> 89028 bytes
 .../public/img/portraits/fmastenbroek.png          | Bin 121867 -> 123006 bytes
 .../opendc-web-ui/public/img/portraits/hhe.png     | Bin 0 -> 102718 bytes
 .../opendc-web-ui/public/img/portraits/jbosch.png  | Bin 0 -> 101618 bytes
 .../public/img/portraits/lfdversluis.png           | Bin 0 -> 67796 bytes
 .../public/img/portraits/sjounaid.png              | Bin 0 -> 94523 bytes
 .../public/img/portraits/vvanbeek.png              | Bin 0 -> 85159 bytes
 .../opendc-web-ui/public/img/portraits/wlai.png    | Bin 0 -> 72873 bytes
 .../src/components/home/TeamSection.js             |  88 ++++++++++++---------
 9 files changed, 50 insertions(+), 38 deletions(-)
 create mode 100644 opendc-web/opendc-web-ui/public/img/portraits/evaneyk.png
 create mode 100644 opendc-web/opendc-web-ui/public/img/portraits/hhe.png
 create mode 100644 opendc-web/opendc-web-ui/public/img/portraits/jbosch.png
 create mode 100644 opendc-web/opendc-web-ui/public/img/portraits/lfdversluis.png
 create mode 100644 opendc-web/opendc-web-ui/public/img/portraits/sjounaid.png
 create mode 100644 opendc-web/opendc-web-ui/public/img/portraits/vvanbeek.png
 create mode 100644 opendc-web/opendc-web-ui/public/img/portraits/wlai.png

diff --git a/opendc-web/opendc-web-ui/public/img/portraits/evaneyk.png b/opendc-web/opendc-web-ui/public/img/portraits/evaneyk.png
new file mode 100644
index 00000000..011c1627
Binary files /dev/null and b/opendc-web/opendc-web-ui/public/img/portraits/evaneyk.png differ
diff --git a/opendc-web/opendc-web-ui/public/img/portraits/fmastenbroek.png b/opendc-web/opendc-web-ui/public/img/portraits/fmastenbroek.png
index f17ef697..218b1a6f 100644
Binary files a/opendc-web/opendc-web-ui/public/img/portraits/fmastenbroek.png and b/opendc-web/opendc-web-ui/public/img/portraits/fmastenbroek.png differ
diff --git a/opendc-web/opendc-web-ui/public/img/portraits/hhe.png b/opendc-web/opendc-web-ui/public/img/portraits/hhe.png
new file mode 100644
index 00000000..4891c7f5
Binary files /dev/null and b/opendc-web/opendc-web-ui/public/img/portraits/hhe.png differ
diff --git a/opendc-web/opendc-web-ui/public/img/portraits/jbosch.png b/opendc-web/opendc-web-ui/public/img/portraits/jbosch.png
new file mode 100644
index 00000000..c76e1fab
Binary files /dev/null and b/opendc-web/opendc-web-ui/public/img/portraits/jbosch.png differ
diff --git a/opendc-web/opendc-web-ui/public/img/portraits/lfdversluis.png b/opendc-web/opendc-web-ui/public/img/portraits/lfdversluis.png
new file mode 100644
index 00000000..6fbc8472
Binary files /dev/null and b/opendc-web/opendc-web-ui/public/img/portraits/lfdversluis.png differ
diff --git a/opendc-web/opendc-web-ui/public/img/portraits/sjounaid.png b/opendc-web/opendc-web-ui/public/img/portraits/sjounaid.png
new file mode 100644
index 00000000..41878161
Binary files /dev/null and b/opendc-web/opendc-web-ui/public/img/portraits/sjounaid.png differ
diff --git a/opendc-web/opendc-web-ui/public/img/portraits/vvanbeek.png b/opendc-web/opendc-web-ui/public/img/portraits/vvanbeek.png
new file mode 100644
index 00000000..4c8b3311
Binary files /dev/null and b/opendc-web/opendc-web-ui/public/img/portraits/vvanbeek.png differ
diff --git a/opendc-web/opendc-web-ui/public/img/portraits/wlai.png b/opendc-web/opendc-web-ui/public/img/portraits/wlai.png
new file mode 100644
index 00000000..c758846d
Binary files /dev/null and b/opendc-web/opendc-web-ui/public/img/portraits/wlai.png differ
diff --git a/opendc-web/opendc-web-ui/src/components/home/TeamSection.js b/opendc-web/opendc-web-ui/src/components/home/TeamSection.js
index 4b6f1e25..1ee1cbf5 100644
--- a/opendc-web/opendc-web-ui/src/components/home/TeamSection.js
+++ b/opendc-web/opendc-web-ui/src/components/home/TeamSection.js
@@ -1,52 +1,64 @@
 import React from 'react'
+import { Row, Col } from 'reactstrap'
 import ContentSection from './ContentSection'
 
-const TeamMember = ({ photoId, name, description }) => (
-    <div className="col-xl-4 col-lg-4 col-md-5 col-sm-6 col-12 justify-content-center">
-        <img
+const TeamLead = ({ photoId, name, description }) => (
+    <Col xl="3" lg="3" md="4" sm="6" className="justify-content-center">
+        <Col
+            tag="img"
             src={'img/portraits/' + photoId + '.png'}
-            className="col-xl-10 col-lg-10 col-md-10 col-sm-8 col-5 mb-2 mt-2"
+            xl="10"
+            lg="10"
+            md="10"
+            sm="8"
+            col="5"
+            className="mb-2 mt-2"
             alt={name}
         />
-        <div className="col-12">
+        <Col>
             <h4>{name}</h4>
             <div className="team-member-description">{description}</div>
-        </div>
-    </div>
+        </Col>
+    </Col>
+)
+
+const TeamMember = ({ photoId, name }) => (
+    <Col xl="2" lg="2" md="3" sm="4" className="justify-content-center">
+        <Col
+            tag="img"
+            src={'img/portraits/' + photoId + '.png'}
+            xl="10"
+            lg="10"
+            md="10"
+            sm="8"
+            col="5"
+            className="mb-2 mt-2"
+            alt={name}
+        />
+        <Col>
+            <h5>{name}</h5>
+        </Col>
+    </Col>
 )
 
 const TeamSection = () => (
-    <ContentSection name="team" title="Core Team">
-        <div className="row justify-content-center">
-            <TeamMember photoId="aiosup" name="Prof. dr. ir. Alexandru Iosup" description="Project Lead" />
-            <TeamMember
-                photoId="gandreadis"
-                name="Georgios Andreadis"
-                description="Software Engineer responsible for the frontend web application"
-            />
-            <TeamMember
-                photoId="fmastenbroek"
-                name="Fabian Mastenbroek"
-                description="Software Engineer responsible for the datacenter simulator"
-            />
-            <TeamMember
-                photoId="jburley"
-                name="Jacob Burley"
-                description="Software Engineer responsible for prefabricated components"
-            />
-            <TeamMember
-                photoId="loverweel"
-                name="Leon Overweel"
-                description="Former product lead and Software Engineer"
-            />
-        </div>
-        <div className="text-center lead mt-3">
-            See{' '}
-            <a target="_blank" href="http://atlarge.science/opendc#team" rel="noopener noreferrer">
-                atlarge.science/opendc
-            </a>{' '}
-            for the full team!
-        </div>
+    <ContentSection name="team" title="OpenDC Team">
+        <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>
 )
 
-- 
cgit v1.2.3