card.html

          <div class="card">
            <div class="card-image">
              <a href="{{ post.permalink }}">
                <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 }}" />
                  <figcaption>{{ post.extra.depiction.credits }}</figcaption>
                </figure>
              </a>
            </div>
            <div class="card-content">
              <a href="{{ post.permalink }}"><h3 class="title is-3">{{ post.title }}</h3></a>
              <p class="subtitle">
                {{ post.date }} ·
                {% for author in post.authors %}
                  {{ author }}
                {% endfor %}
              </p>
              <div class="content">
                {{ post.summary | safe }}
              </div>
            </div>
          </div>