diff --git a/wiki/pages/awards.html b/wiki/pages/awards.html index 310bb54f9674ef33e6d7920cb9506bfaeca0c849..553d0f340847b6400897ee4537b14a31f4677901 100644 --- a/wiki/pages/awards.html +++ b/wiki/pages/awards.html @@ -1,3 +1,12 @@ +{% set slides_jamboree = [ + {"image": "https://static.igem.wiki/teams/4662/wiki/jamboree/jamboree-1.jpg"}, + {"image": "https://static.igem.wiki/teams/4662/wiki/jamboree/jamboree-2.jpg"}, +] %} + +{% set slides_paris = [ + {"image": "https://static.igem.wiki/teams/4662/wiki/drawings/team-line.png"}, +] %} + {% extends "layout.html" %} {% block title %} Awards {% endblock %} @@ -14,27 +23,60 @@ </div> <div class="container-fluid" style="background-color: var(--mid-light-green);"> <div class="row m-4"> - <div class="col-6 text-center align-center"> + <div class="col-6 text-center align-center" style="font-size: var(--double-mid)"> <br> <i class="fa-solid fa-medal" style="font-size: var(--quadruple-mid);"></i> - <p style="font-size: var(--double-mid)"> - Award: <b>Gold Medal</b> - </p> + <br> + Award: <b>Gold Medal</b> + <br> </div> <div class="col-6 text-center align-center" style="font-size: var(--double-mid)"> <br> <i class="fa-solid fa-star-half-stroke" style="font-size: var(--quadruple-mid);"></i> - <p style="font-size: var(--double-mid)"> - Nomination: <b>Best Part Collection</b> - </p> + <br> + Nomination: <b>Best Part Collection</b> + <br> </div> </div> </div> <div class="container"> <div class="row"> <div class="col"> - + <hr> </div> </div> </div> +<div class="container"> + <div class="row mt-4"> + <div class="col"> + Jamboree + </div> + </div> + <div class="row"> + <div class="col"> + <div id="carouselJamboree" class="carousel carousel-dark slide"> + <div class="carousel-indicators"> + {% for slide_jamboree in slides_jamboree %} + <button type="button" data-bs-target="#carouselJamboree" 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> + <div class="carousel-inner"> + {% for slide_jamboree in slides_jamboree %} + <div class="carousel-item {% if loop.index == 1 %}active{% endif %}"> + <img src="{{ slide_jamboree.image }}" class="w-100"> + </div> + {% endfor %} + </div> + <button class="carousel-control-prev" type="button" data-bs-target="#carouselJamboree" 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="#carouselJamboree" data-bs-slide="next"> + <span class="carousel-control-next-icon" aria-hidden="true"></span> + <span class="visually-hidden">Next</span> + </button> + </div> + </div> + </div> +</div> {% endblock %}