Update wiki/pages/achievements.html

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>