---
title:
  type: 'string'
description:
  type: 'string'
  default: ''
url:
  type: 'string'
tags:
  type: 'array'
  default: []
categories:
  type: 'array'
  default: []
topics:
  type: 'array'
  default: []
---
<div class="card">
  <div class="card-body">
    <a href="{{ url | component_escape }}">
      <p class="fs-2 card-title fw-bold text-primary text-decoration-underline">
        {{- title -}}
      </p>
    </a>
    <p class="card-text text-break">{{- description -}}</p>
    <div class="d-flex flex-grow-1 w-100"> 
      {% for tag in tags %}
        {% render 'tag.html', **tag %}
      {% endfor %}
      {% for category in categories %}
        {% render 'category.html', **category %}
      {% endfor %}
      {% for topic in topics %}
        {% render 'topic.html', **topic %}
      {% endfor %}
    </div>
  </div>
</div>