kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-09-10 03:37:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

Implemented flexible card box sizes depending on card box amount

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach
2025-03-18 03:56:37 +01:00
parent c35f44baef
commit 56513230e4
3 changed files with 194 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/templates/moduls/card.html.j2
View File

@@ -1,4 +1,4 @@
<div class="card-column col-lg-3 col-md-6 col-12">
<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">
@@ -12,10 +12,12 @@
<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" ><i class="fa-solid fa-globe"></i> {{ card.link_text }}</a>
<a href="{{ card.url }}" class="mt-auto btn btn-light stretched-link">
<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>
</div>