{% extends "base.html" %} 

{% block content_body %}
{% for p in pages %}
{% if p.title == "Index" %}
{% set lr = cycler("row", "row-reverse") %}
{% if p.featured is defined %}
<div class="index-featured">
</div>
{% endif %}
{% for e in p.elements %}
<div class="index" style="flex-direction: {{ lr.next() }};">
  <figure>
    <a href="{{ e.link }}" alt="{{ e.text }}"><img src="{{ e.pic }}" /></a>
    {% if e.credit is defined %}<figcaption>Bild: {{ e.credit }}</figcaption>{% endif %}
  </figure>
  <p>{{ e.text }}<br>
    <span class="index-link"><a href="{% if e.more_link is defined %}{{ e.more_link }}{% else %}{{ e.link }}{% endif %}">{{ e.more }}</a></span>
  </p>
</div>
{% endfor %}

{% endif %}
{% endfor %}
{% endblock content_body %}