From bf26e8e47e64c1a1c5c106e1b0dfdb6c06d9e2b3 Mon Sep 17 00:00:00 2001
From: Arina Filatova <a.filatova@student.maastrichtuniversity.nl>
Date: Sat, 28 Sep 2024 16:13:07 +0000
Subject: [PATCH] Update file TeamPage.vue

---
 docs/.vuepress/components/TeamPage.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/docs/.vuepress/components/TeamPage.vue b/docs/.vuepress/components/TeamPage.vue
index 0b1b9a3..456f52a 100644
--- a/docs/.vuepress/components/TeamPage.vue
+++ b/docs/.vuepress/components/TeamPage.vue
@@ -162,6 +162,14 @@
     microorganism="Saccharomyces cerevisiae"
     why_igem="I like research and I like teaching. iGEM gives me the opportunity to combine both in a fun and challenging way.  I love to be a guide on the students’ quest of becoming real scientists. It is nice to see how students can come up with the most interesting ideas and take ownership of their project."
   />
+   <!-- Full team image -->
+    <div class="team-photo-container">
+      <img
+        src="https://static.igem.wiki/teams/5306/full-team-photo.png"
+        alt="Full Team Photo"
+        class="team-photo"
+      />
+    </div>
 </div>
 
 </template>
@@ -169,6 +177,7 @@
 
 <style scoped>
 .team-container {
+  margin-top: 10px;
   display: flex;
   min-width: 99vw;
   height: 100%;
@@ -190,5 +199,19 @@
     flex: 1 1 100%; /* Full-width cards for small screens */
   } 
 }
- 
+
+/* Full Team Photo Styles */
+.team-photo-container {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin-top: 20px; /* Add space between the cards and the team photo */
+}
+
+.team-photo {
+  max-width: 80%; /* Ensure the image scales properly */
+  height: auto; /* Maintain aspect ratio */
+  border-radius: 10px; /* Optional: Rounded corners */
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Optional: Subtle shadow for a better look */
+}
 </style>
\ No newline at end of file
-- 
GitLab