ttrpg-compendium/_layouts/cards.html

<a href="{{ site.baseurl }}/{{ page.source }}/{{ page.slug }}/">
<div class="card">
  <h1>{{ page.title }}</h1>
  <hr>
  <figure>
    <img src="{{ site.baseurl }}/assets/{{ page.slug }}.png" alt="{{ page.title }} Logo">
    <hr>
    <figcaption>{{ content }}</figcaption>
    <hr>
  </figure>
{% if page.system %}
  <h3>An Adventure For {{ page.system }}</h3>
{% endif %}
</div>
</a>