From de8f12d74faef5fa3f9e38d1340948cab2d06ea3 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Wed, 1 Jul 2020 13:33:31 +0200
Subject: Manually generate IDs

---
 frontend/src/components/home/TeamSection.js | 101 ++++++++++++++--------------
 1 file changed, 51 insertions(+), 50 deletions(-)

(limited to 'frontend/src/components/home/TeamSection.js')

diff --git a/frontend/src/components/home/TeamSection.js b/frontend/src/components/home/TeamSection.js
index b86655b4..2b7bb69d 100644
--- a/frontend/src/components/home/TeamSection.js
+++ b/frontend/src/components/home/TeamSection.js
@@ -1,56 +1,57 @@
-import React from "react";
-import ContentSection from "./ContentSection";
+import React from 'react'
+import ContentSection from './ContentSection'
 
 const TeamMember = ({ photoId, name, description }) => (
-  <div className="col-xl-3 col-lg-3 col-md-5 col-sm-6 col-12 justify-content-center">
-    <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"
-      alt={name}
-    />
-    <div className="col-12">
-      <h4>{name}</h4>
-      <div className="team-member-description">{description}</div>
+    <div className="col-xl-3 col-lg-3 col-md-5 col-sm-6 col-12 justify-content-center">
+        <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"
+            alt={name}
+        />
+        <div className="col-12">
+            <h4>{name}</h4>
+            <div className="team-member-description">{description}</div>
+        </div>
     </div>
-  </div>
-);
+)
 
 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="Technology Lead and Software Engineer responsible for the frontend web application"
-      />
-      <TeamMember
-        photoId="fmastenbroek"
-        name="Fabian Mastenbroek"
-        description="Software Engineer responsible for the datacenter simulator"
-      />
-      <TeamMember
-        photoId="loverweel"
-        name="Leon Overweel"
-        description="Software Engineer responsible for the web server, database, and API specification"
-      />
-    </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>
-);
+    <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="loverweel"
+                name="Leon Overweel"
+                description="Product Lead and Software Engineer responsible for the web server, database, and
+                        API specification"
+            />
+            <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"
+            />
+        </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>
+)
 
-export default TeamSection;
+export default TeamSection
-- 
cgit v1.2.3