Logic added to carousel control

content/u/products/video-conference/contents.lr

@@ -66,3 +66,15 @@ button_link: http://www.google.com
 background_image: video-call.jpg
 ----
 video_mp4: 
+#### slide ####
+title: Jitsi
+----
+description: A very reasonable open source video conferencing tool
+----
+button_text: Click Me
+----
+button_link: https://google.com
+----
+background_image: jitsi.jpg
+----
+video_mp4: 

templates/layout-2020.html

@@ -121,9 +121,13 @@
     <!-- Start of Slider -->
     <div id="head-carousel" class="carousel slide" data-ride="carousel">
       <ol class="carousel-indicators">
-        <li data-target="#head-carousel" data-slide-to="0" class="active"></li>
-        <li data-target="#head-carousel" data-slide-to="1"></li>
-        <!-- <li data-target="#head-carousel" data-slide-to="2"></li> -->
+        {% for slide in this.slide.blocks %}
+          {% if loop.index0 == 0 %}
+            <li data-target="#head-carousel" data-slide-to="0" class="active"></li>
+          {% else %}
+            <li data-target="#head-carousel" data-slide-to="{{ loop.index0 }}"></li>
+          {% endif %}
+        {% endfor %}
       </ol>
       <div class="carousel-inner">
         {{ this.slide }}