{% set blog_section = get_section(path="blog/_index.md") %}
<aside class="section">
  <h2 class="title is-2">{{ title | default(value="Aus dem Teckids-Blog") }}</h2>
  <div class="columns is-multiline is-same-height">
    {% for post in blog_section.pages | slice(end=4) %}
      <div class="column is-one-quarter">
        <div class="card">
          <div class="card-image">
            <figure class="image is-4by3">
              <img src="{{ get_url(path="@/" ~ post.relative_path, trailing_slash=true) }}{{ post.extra.depiction.image | safe }}" alt="{{ post.extra.depiction.alt }}" />
            </figure>
          </div>
          <div class="card-content">
            <h3 class="title is-3">{{ post.title }}</h3>
            <div class="content">
              {{ post.summary | safe }}
            </div>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>
</aside>