diff --git a/docs/.vuepress/components/TeamPage.vue b/docs/.vuepress/components/TeamPage.vue index 0b1b9a3f3735da38480f296340f3d3000ecaae1d..456f52a7227923821180b698258b21cc99cd3e87 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