diff --git a/wiki/pages/achievements.html b/wiki/pages/achievements.html index 415fb74539cb3e6dede086c1413325adda5292bc..220ffd18a71baf71be2fd047b67df169e9387795 100644 --- a/wiki/pages/achievements.html +++ b/wiki/pages/achievements.html @@ -20,7 +20,7 @@ {"name": "Deliverables", "photo": "https://static.igem.wiki/teams/4387/wiki/portrait-mseeger.jpg", "description": "We completed and handed in all required deliverables."}, {"name": "Attributions", "photo": "https://static.igem.wiki/teams/4387/wiki/jinek.jpg", "description": "Everyone who contributed to the project is mentioned on our wiki", "site": "https://2022.igem.wiki/uzurich/attributions", "label": "Attributions"}, {"name": "Description", "photo": "https://static.igem.wiki/teams/4387/wiki/zipfel.jpg", "description": "We provide a full and comprehensive group description.", "site": "https://2022.igem.wiki/uzurich/description", "label": "Description"}, - {"name": "Contributions", "photo": "https://static.igem.wiki/teams/4387/wiki/whatsapp-image-2022-10-10-at-2-31-19-pm.jpeg", "description": "Our .", "site": "https://2022.igem.wiki/uzurich/contributions", "label": "Contributions"}, + {"name": "Contributions", "photo": "https://static.igem.wiki/teams/4387/wiki/whatsapp-image-2022-10-10-at-2-31-19-pm.jpeg", "description": "Our .", "site": "https://2022.igem.wiki/uzurich/contribution", "label": "Contributions"}, ] %} @@ -101,51 +101,17 @@ <section style="background-color: var(--bs-gray-100);" class="py-5"> - - <div class="row justify-content-center"> - <div class="col col-md-10 col-lg-8"> - {% set ach_images = [ - {"src": "https://static.igem.wiki/teams/4387/wiki/achievements.jpg", "alt": "image1"}, - {"src": "https://static.igem.wiki/teams/4387/wiki/jamboree-3.jpg", "alt": "image2"}, - {"src": "https://static.igem.wiki/teams/4387/wiki/ach-1.jpg", "alt": "image3"}, - {"src": "https://static.igem.wiki/teams/4387/wiki/ach-2.jpg", "alt": "image4"}, - {"src": "https://static.igem.wiki/teams/4387/wiki/jamboree-2.jpg", "alt": "image5"}, - {"src": "https://static.igem.wiki/teams/4387/wiki/ach-10.jpg", "alt": "image6"}, - {"src": "https://static.igem.wiki/teams/4387/wiki/ach-12.jpg", "alt": "image7"}, - {"src": "https://static.igem.wiki/teams/4387/wiki/minimalist-ibd-nanobiotics.png", "alt": "image8"}, - ] - %} - - - <div id="header-carousel" class="carousel carousel-dark slide rounded" data-bs-ride="carousel"> - <!-- Location indicators --> - <div class="carousel-indicators"> - {% for image in ach_images %} - <button type="button" data-bs-target="#header-carousel" data-bs-slide-to="{{ loop.index - 1 }}" {% if (loop.index - 1) == 0 %}class="active" aria-current="true"{% endif %} aria-label="Slide {{ loop.index }}"></button> - {% endfor %} - </div> - - <!-- Actual images --> - <div class="stretchy-wrapper carousel-inner"> - {% for image in ach_images %} - <div class="carousel-item {% if loop.index == 1 %}active{% endif %}" style="background-image:url('{{image.src }}')"> - </div> - {% endfor %} - </div> - - <!-- Controls --> - <button class="carousel-control-prev" type="button" data-bs-target="#header-carousel" data-bs-slide="prev"> - <span class="carousel-control-prev-icon" aria-hidden="true"></span> - <span class="visually-hidden">Previous</span> - </button> - <button class="carousel-control-next" type="button" data-bs-target="#header-carousel" data-bs-slide="next"> - <span class="carousel-control-next-icon" aria-hidden="true"></span> - <span class="visually-hidden">Next</span> - </button> - </div> - - </div> - </div> + % set ach_images = [ + {"src": "https://static.igem.wiki/teams/4387/wiki/achievements.jpg", "alt": "image1"}, + {"src": "https://static.igem.wiki/teams/4387/wiki/jamboree-3.jpg", "alt": "image2"}, + {"src": "https://static.igem.wiki/teams/4387/wiki/ach-1.jpg", "alt": "image3"}, + {"src": "https://static.igem.wiki/teams/4387/wiki/ach-2.jpg", "alt": "image4"}, + {"src": "https://static.igem.wiki/teams/4387/wiki/jamboree-2.jpg", "alt": "image5"}, + {"src": "https://static.igem.wiki/teams/4387/wiki/ach-10.jpg", "alt": "image6"}, + {"src": "https://static.igem.wiki/teams/4387/wiki/ach-12.jpg", "alt": "image7"}, + {"src": "https://static.igem.wiki/teams/4387/wiki/minimalist-ibd-nanobiotics.png", "alt": "image8"}, + ] + %} <div class="row justify-content-center my-3"> <div class="card shadow px-3 pt-3" style="width: 18rem;"> @@ -159,6 +125,38 @@ </figure> </div> </div> + + <div class="row justify-content-center px-3"> + <div class="col-12 col-md-9 col-lg-6 mb-3"> + + <div id="first-carousel" class="carousel carousel-dark slide rounded" data-bs-ride="carousel"> + <!-- Location indicators --> + <div class="carousel-indicators"> + {% for image in slider_images %} + <button type="button" data-bs-target="#first-carousel" data-bs-slide-to="{{ loop.index - 1 }}" {% if (loop.index - 1) == 0 %}class="active" aria-current="true"{% endif %} aria-label="Slide {{ loop.index }}"></button> + {% endfor %} + </div> + + <!-- Actual images --> + <div class="stretchy-wrapper carousel-inner"> + {% for image in slider_images %} + <div class="carousel-item {% if loop.index == 1 %}active{% endif %}" style="background-image:url('{{ image.src }}')"> + </div> + {% endfor %} + </div> + + <!-- Controls --> + <button class="carousel-control-prev" type="button" data-bs-target="#first-carousel" data-bs-slide="prev"> + <span class="carousel-control-prev-icon" aria-hidden="true"></span> + <span class="visually-hidden">Previous</span> + </button> + <button class="carousel-control-next" type="button" data-bs-target="#first-carousel" data-bs-slide="next"> + <span class="carousel-control-next-icon" aria-hidden="true"></span> + <span class="visually-hidden">Next</span> + </button> + </div> + </div> +</div> </section>