From 7aea29d0b22f7e5932c9b147611fe02373bb9645 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Sun, 27 Aug 2017 22:33:41 +0200
Subject: Add content sections to homepage

---
 src/components/home/TeamSection.js | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/components/home/TeamSection.js

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

diff --git a/src/components/home/TeamSection.js b/src/components/home/TeamSection.js
new file mode 100644
index 00000000..efa76b29
--- /dev/null
+++ b/src/components/home/TeamSection.js
@@ -0,0 +1,34 @@
+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>
+    </div>
+);
+
+const TeamSection = () => (
+    <ContentSection name="team" title="The 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="mbijman" name="Matthijs Bijman"
+                        description="Software Engineer responsible for the datacenter simulator"/>
+        </div>
+    </ContentSection>
+);
+
+export default TeamSection;
-- 
cgit v1.2.3