From adcf9507fe4189a561ba5b417e0bc505b84f6493 Mon Sep 17 00:00:00 2001
From: tbliki <timofej.bliki@ru.nl>
Date: Mon, 23 Sep 2024 10:46:42 +0200
Subject: [PATCH] Added: - Images that show our university and lab

---
 wiki/pages/team.html | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/wiki/pages/team.html b/wiki/pages/team.html
index 0acd2b8..a559430 100644
--- a/wiki/pages/team.html
+++ b/wiki/pages/team.html
@@ -30,6 +30,21 @@
     display:block;
     margin: 2% auto auto;
   }
+  .collage-parent {
+    display: flex;
+    flex-wrap: wrap;
+    list-style: none;
+  }
+  .collage-child {
+    height: 20vh;
+    flex-grow: 1;
+  }
+  .collage-image {
+    max-height: 100%;
+    min-width: 100%;
+    vertical-align: bottom;
+    object-fit: cover;
+  }
 </style>
 
 <script>
@@ -192,7 +207,24 @@
 </div>
 
 <h1 style="text-align:center">Where are we?</h1>
-<p>I'm thinking pictures of uni and lab etc. go here?</p>
+<div style="max-width: 130vh; margin:auto;">
+  <ul class="collage-parent">
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-1.webp" alt="collage - Science building" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-2.webp" alt="collage - Science building" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-3.webp" alt="collage - Science building" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-4.webp" alt="collage - Science building" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-5.webp" alt="collage - Science building" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-7.webp" alt="collage - Science building" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-1.webp" alt="collage - Lab" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-2.webp" alt="collage - Lab" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-3.webp" alt="collage - Lab" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-4.webp" alt="collage - Lab" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-5.webp" alt="collage - Lab" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-6.webp" alt="collage - Lab" class="collage-image"></li>
+    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-7.webp" alt="collage - Lab" class="collage-image"></li>
+    <li class="collage-child"></li>
+  </ul>
+</div>
 
 <!--
 <hr>
-- 
GitLab