{% extends "templates/layout/base.twig" %}

{% block content %}
{{parent()}}

{% block blogroll %}
<div class="row">
      {% for page in pages("blog", depth=2) | sort_by( 'time' ) | reverse %}
      <div class="col s12 m3">
            <div class="card hoverable">
                  <div class="card-image">
                        <img src="{{ images.0.url }}"
                             alt="{{ images.0.alt }}">
                        <a href="{{ page.url }}"
                           class="btn-floating halfway-fab waves-effect waves-light deep-orange"><i
                                 class="material-icons">chevron_right</i></a>
                  </div>
                  <div class="card-content">
                        <p class="grey-text">{{ page.date }}</p>
                        <h5> {{ page.title }}</h5>
                        <p class="grey-text text-darken-2"> {{ page.description }}</p>
                  </div>
                  <div class="card-action">
                        <a class="deep-orange-text"
                           href="{{ page.url }}">Zum Artikel</a>
                  </div>

            </div>
      </div>
      {% endfor %}
</div>
{% endblock %}

{% endblock %}