add: carousel for home

This commit is contained in:
Tobias Reisinger 2020-01-26 16:21:58 +01:00
parent d66637f840
commit f1a81fd958
2 changed files with 14 additions and 2 deletions

View file

@ -20,7 +20,7 @@
<div class="card-columns"> <div class="card-columns">
{% for media_item in child.media.images[:10] %} {% for media_item in child.media.images[:10] %}
<div class="card"> <div class="card">
{{ media_item.html }} {{ media_item.quality(25).html }}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>

View file

@ -17,7 +17,19 @@ <h1 class="d-inline">
</div> </div>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<img width="100%" src="{{ url('theme://images/home_slideshow.gif') }}" /> <div id="home-carousel" class="carousel slide" data-ride="carousel" data-interval="4000">
<div class="carousel-inner">
{% for media_item in page.media.images %}
{% set class_active = '' %}
{% if loop.first %}
{% set class_active = ' active' %}
{% endif %}
<div class="carousel-item{{ class_active }}">
<img class="d-block" src="{{ media_item.resize(540, 400).quality(75).url }}">
</div>
{% endfor %}
</div>
</div>
</div> </div>
</div> </div>
<hr class="mb-4"> <hr class="mb-4">