further.html

<section class="section">
  <h2>{{title|default(value="Weiteres zu diesem Thema")}}</h2>
  <div class="columns is-multiline is-same-height">
    {% for further in page.extra.further[category] %}
      <div class="column is-one-third">
        <div class="card">
          <div class="card-image">
            <a href="{{ get_url(path=further.link)}}">
              <figure class="image is-4by3">
                {% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ further.image, width=800, height=600) -%}
                <img src="{{image.url}}" alt="{{further.alt}}" />
                {% if further.image.credits %}
                <div class="caption">
                  <figcaption class="tag has-text-white has-background-black  is-size-7 is-italic m-1">{{ further.image.credits }}</figcaption>
                </div>
                {% endif %}
              </figure>
            </a>
          </div>
          <div class="card-content">
          <p class="title"><a href="{{get_url(path=further.link)}}">{{further.title}}</a></p>
            <p class="content">
              {{further.description}}
            </p>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>
</section>