Added:

- Lea and Kate's info
- Smoother transitions!! Much easier than I thought

wiki/pages/team.html

@@ -21,9 +21,9 @@
     margin: 20px 0;
     color: black;
     text-overflow: ellipsis;
+    transition: all 0.5s;
   }
   .face-image {
-    /* width: 80%; */
     aspect-ratio: 1;
     max-width: 50%;
     max-height: 40%;
@@ -57,7 +57,7 @@
       this.card.style.border = "2px solid #000000";
     }
 
-    toggleSize() {
+    async toggleSize() {
       if (this.card.style.width === "350px") {
         this.card.style.overflow = "scroll";
         this.card.style.width = "750px";
@@ -96,10 +96,18 @@
 <h2 style="text-align:center">Our members:</h2>
 <div class="grid-parent">
   <div class="grid-child" id = "card_kate">
-    <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>
+    <img src="https://static.igem.wiki/teams/5342/images/team/kate2.webp" class="face-image" alt="Kate picture">
+    <h4 style="text-align:center">Ekaterina (Kate) Aranovskaia</h4>
+    <h6 style="text-align:center">Student Team Leader of the Radboud iGEM Team</h6>
+    <p style="margin: 0 5%;">
+      Chemistry Bachelor.
+      Why am I joining iGEM?
+      I'm very excited to join iGEM competition, since our team is the first in Radboud University history, participating in this international synthetic biology celebration.
+      I am honored to be the person to take the initiative and to make this project to happen, to develop multiple new skills and knowledge, and grow alongside with our wonderful team.
+      Together, we've shown Radboud and the world that with dedication and enthusiasm, we can achieve remarkable things.
+      I hope our efforts inspire future students at Radboud to continue this journey and form a new team in 2025.
+      For now, I’m excited to present our project, InfinityF♾️, to the global iGEM community and the jury at this year’s finals!
+    </p>
   </div>
   <div class="grid-child" id = "card_adrian">
     <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
@@ -114,10 +122,18 @@
     <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" id = "card_lea">
-    <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>
+    <img src="https://static.igem.wiki/teams/5342/images/team/lea.webp" class="face-image" alt="Lea picture">
+    <h4 style="text-align:center">Lea Omtzigt</h4>
+    <h6 style="text-align:center">Head video production, literature research and wet lab.</h6>
+    <p style="margin: 0 5%;">
+      I am a 3rd year bachelor student at the Radboud university.
+      I study Molecular Life Sciences with a focus on molecular biology.
+      In my studies I am interested in gene expression and regulation.
+      iGEM for me is a way to apply theoretical knowledge in a real research environment and a way to learn many new skills, like new lab techniques, but also communication and presentation skills.
+      I love being creative; drawing, writing stories, making videos.
+      I don’t get to use my creative skills often in my day to day studying, so I was very excited to take on the job of creating our promotion and presentation video as well as designing our team logo.
+      I would love to make an effort to keep next generation at Radboud interested in iGEM and synthetic biology.
+    </p>
   </div>
   <div class="grid-child" id = "card_thijmen">
     <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face">
@@ -150,7 +166,7 @@
     <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" id = "card_frank">
-    <img src="https://static.igem.wiki/teams/5342/images/team/frank.webp" class="face-image" alt="face">
+    <img src="https://static.igem.wiki/teams/5342/images/team/frank.webp" class="face-image" alt="Frank picture">
     <h4 style="text-align:center">Frank Nelissen</h4>
     <h6 style="text-align:center">Instructor</h6>
     <p style="margin: 0 5%">
@@ -172,6 +188,7 @@
 <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">
@@ -198,5 +215,5 @@
     </ul>
   </div>
 </div>
-
+-->
 {% endblock %}