website/thaliawebsite/templates/includes/grid_item.html
{% load static i18n thumbnail django_bootstrap5 %}
<div class="grid-item {{ class_name }}">
{% if url %}
<a class="d-flex" href="{{ url }}" {{ anchor_attrs|safe }}>
{% endif %}
<div class="image{% if show_loading_animation %} pulsing-background{% endif %}">
<img alt="{{ title }}" src="{{ image_url }}" loading="lazy" />
</div>
<div class="name">
<span>{{ title }}</span>
</div>
{% if ribbon %}
<div class="ribbon-wrapper">
<div class="ribbon">
{{ ribbon }}
</div>
</div>
{% endif %}
<div class="overlay d-flex justify-content-center flex-column text-center">
<h5 class="px-2">{{ title }}</h5>
{{ meta_text|default:''|safe }}
</div>
{% if url %}
</a>
{% endif %}
</div>