diff --git a/wiki/pages/team.html b/wiki/pages/team.html index 0acd2b8049802793fdac1fa1aae874552d284927..a559430ecac16fbb699088c6a5960a75de334e8f 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>