{%- if include.page.carousel.size > 0 -%} <div id=“carousel-indicators” class=“carousel slide my-5” data-ride=“carousel”>
<ol class="carousel-indicators"> {%- for car in include.page.carousel limit: 1 -%} <li data-target="#carousel-indicators" data-slide-to="{{ forloop.index0 }}" class="active"></li> {%- endfor -%} {%- for car in include.page.carousel offset: 1 -%} <li data-target="#carousel-indicators" data-slide-to="{{ forloop.index }}"></li> {%- endfor -%} </ol> <div class="carousel-inner"> {%- for car in include.page.carousel limit: 1 -%} <div class="carousel-item active"> {%- assign src = car.src | prepend: 'carousel/' | prepend: include.page.url | prepend: '/assets' | prepend: site.baseurl_root -%} {%- capture p_x -%}{{ car.position.x | default: "center" }}{%- endcapture -%} {%- capture p_y -%}{{ car.position.y | default: "center" }}{%- endcapture -%} <img src="{{ src }}" class="d-block w-100" style="object-position: {{p_x}} {{p_y}};"> <div class="carousel-caption"> {%- if car.caption.titles[site.lang] -%} <h3>{{ car.caption.titles[site.lang] }}</h3> {%- elsif car.caption.title -%} <h3>{{ car.caption.title }}</h3> {%- endif -%} {%- if car.caption.descriptions[site.lang] -%} <p>{{ car.caption.descriptions[site.lang] }}</p> {%- elsif car.caption.description -%} <p>{{ car.caption.description }}</p> {%- endif -%} </div> </div> {%- endfor -%} {%- for car in include.page.carousel offset: 1 -%} <div class="carousel-item"> {%- assign src = car.src | prepend: 'carousel/' | prepend: include.page.url | prepend: '/assets' | prepend: site.baseurl_root -%} {%- capture p_x -%}{{ car.position.x | default: "center" }}{%- endcapture -%} {%- capture p_y -%}{{ car.position.y | default: "center" }}{%- endcapture -%} <img src="{{ src }}" class="d-block w-100" style="object-position: {{p_x}} {{p_y}};"> <div class="carousel-caption"> {%- if car.caption.titles[site.lang] -%} <h3>{{ car.caption.titles[site.lang] }}</h3> {%- elsif car.caption.title -%} <h3>{{ car.caption.title }}</h3> {%- endif -%} {%- if car.caption.descriptions[site.lang] -%} <p>{{ car.caption.descriptions[site.lang] }}</p> {%- elsif car.caption.description -%} <p>{{ car.caption.description }}</p> {%- endif -%} </div> </div> {%- endfor -%} </div> <a class="carousel-control-prev" href="#carousel-indicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carousel-indicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
</div> {%- else -%} <div class=“pagetop”></div> {%- endif -%}