mirror of
https://github.com/kevinveenbirkenbach/homepage.veen.world.git
synced 2025-07-24 18:01:09 +02:00
29 lines
1.4 KiB
Django/Jinja
29 lines
1.4 KiB
Django/Jinja
<div class="card-column {{ lg_class }} {{ md_class }} col-12">
|
|
<div class="card h-100 d-flex flex-column">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="card-img-top">
|
|
{# Prioritize image, fallback to icon via onerror #}
|
|
{% if card.icon.cache %}
|
|
<img src="{{ card.icon.cache }}" alt="{{ card.title }}" style="width:100px; height:auto;"
|
|
onerror="this.style.display='none'; var icon=this.nextElementSibling; if(icon) icon.style.display='inline-block';">
|
|
{% if card.icon.class %}
|
|
<i class="{{ card.icon.class }}" style="display:none;"></i>
|
|
{% endif %}
|
|
{% elif card.icon.class %}
|
|
<i class="{{ card.icon.class }}"></i>
|
|
{% endif %}
|
|
</div>
|
|
<hr />
|
|
<h3 class="card-title">{{ card.title }}</h3>
|
|
<p class="card-text">{{ card.text }}</p>
|
|
{% if card.url %}
|
|
<a href="{{ card.url }}" class="mt-auto btn btn-light stretched-link {% if card.iframe %}iframe-link{% endif %}">
|
|
<i class="fa-solid fa-globe"></i> {{ card.link_text }}
|
|
</a>
|
|
{% else %}
|
|
<i class="fa-solid fa-hourglass"></i> {{ card.link_text }}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|