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