From a5512aec50f462edd3d6bdf9df55dc72bc4bdc96 Mon Sep 17 00:00:00 2001
From: Giulio Caflisch <giuliocaflisch@gmail.com>
Date: Wed, 13 Dec 2023 17:52:48 +0000
Subject: [PATCH] Inserting firs jamboree section carousel
---
wiki/pages/awards.html | 58 ++++++++++++++++++++++++++++++++++++------
1 file changed, 50 insertions(+), 8 deletions(-)
diff --git a/wiki/pages/awards.html b/wiki/pages/awards.html
index 310bb54..553d0f3 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 %}
--
GitLab