card.html

          <div class="card">
            <div class="card-image">
              <a href="{{ post.permalink }}">
                <figure class="image is-4by3">
                  {% set image = resize_image(path="@/" ~ post.colocated_path ~ "/" ~ post.extra.depiction.image, width=800, height=600) -%}
                  <img src="{{ image.url }}" alt="{{ post.extra.depiction.alt }}" />
                  {% if post.extra.depiction.credits %}
                    <figcaption>{{ post.extra.depiction.credits }}</figcaption>
                  {% endif %}
                </figure>
              </a>
            </div>
            <div class="card-content">
              <a href="{{ post.permalink }}"><h3 class="title is-4">{{ post.title }}</h3></a>
              <p class="subtitle is-5">
                {{ post.date }} ·
                {% for author in post.authors %}
                  {{ author }}
                {% endfor %}
              </p>
              <div class="content">
                {{ post.summary | safe }}
              </div>
            </div>
          </div>