From e5932c59f210180cbe54149d0fc92ecddca06df6 Mon Sep 17 00:00:00 2001
From: tbliki <timofej.bliki@ru.nl>
Date: Thu, 5 Sep 2024 18:07:53 +0200
Subject: [PATCH] Added: - Template for people in our team! - Short
 introduction blurb at the top of the page To add: - Everyone's information -
 Section with pictures of the lab, university, Nijmegen...

---
 wiki/pages/team.html | 109 ++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 107 insertions(+), 2 deletions(-)

diff --git a/wiki/pages/team.html b/wiki/pages/team.html
index 1045da1..dfb4ec0 100644
--- a/wiki/pages/team.html
+++ b/wiki/pages/team.html
@@ -1,10 +1,115 @@
 {% extends "layout.html" %}
 
-{% block title %}Team{% endblock %}
-{% block lead %}On this page you can introduce your team members, instructors, and advisors.{% endblock %}
+{% block title %}Team InfinityF{% endblock %}
+{% block lead %}InfinityF – Together!{% endblock %}
 
 {% block page_content %}
 
+<style>
+  .grid-parent {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content:space-evenly;
+
+  }
+  .grid-child {
+    display: block;
+    width:300px;
+    height:500px;
+    background-color: white;
+    border: 2px solid black;
+    margin: 20px 0;
+    color: black;
+  }
+  .face-image {
+    width: 80%;
+    margin: 5% 10%;
+  }
+</style>
+
+<h1 style="text-align:center">Who are we?</h1>
+<div class="row" style="margin-bottom:3vh;">
+  <div class="col-4">
+    <p>We're <b>InfinityF</b>! We are based in Radboud University in Nijmegen, and we work to...</p>
+  </div>
+  <div class="col-8">
+    <img src="https://static.igem.wiki/teams/5342/images/team/team-drinks-2.webp" style="max-width:100%" alt="InfinityF - Together!">
+  </div>
+</div>
+<h2 style="text-align:center">Our members:</h2>
+<div class="grid-parent">
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+  <div class="grid-child">
+    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
+    <h4 style="text-align:center">Firstname Lastname</h4>
+    <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6>
+    <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p>
+  </div>
+</div>
+
+<h1 style="text-align:center">Where are we?</h1>
+<p>I'm thinking pictures of uni and lab etc. go here?</p>
+
+<hr>
 <div class="row">
   <div class="col-8">
     <h2>What should this page contain?</h2>
-- 
GitLab