servala/website
1
0
Fork 0
Code Issues 10 Pull requests Projects 1 Packages 1 Activity Actions

fix the card size on homepage

Browse source
This commit is contained in:
Tobias Brunner 2025-02-25 17:27:21 +01:00
parent 714c3a6bcc
commit 1825563a3a
No known key found for this signature in database
1 changed files with 34 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

68
hub/services/templates/services/homepage.html
View file

@ -38,22 +38,22 @@
<div class="section__grid"> <div class="section__grid">
<div class="row"> <div class="row">
{% for service in featured_services %} {% for service in featured_services %}
<div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0"> <div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0">
<div class="card"> <div class="card h-100 d-flex flex-column">
<div class="card__image"> <div class="card__image">
<a href="{{ service.get_absolute_url }}"><img class="img-fluid" src="{{ service.logo.url }}" alt="{{ service.name }} logo"></a> <a href="{{ service.get_absolute_url }}"><img class="img-fluid" src="{{ service.logo.url }}" alt="{{ service.name }} logo"></a>
</div> </div>
<div class="card__header"> <div class="card__header">
<h3 class="card__title"><a href="{{ service.get_absolute_url }}" class="text-decoration-none">{{ service.name }}</a></h3> <h3 class="card__title"><a href="{{ service.get_absolute_url }}" class="text-decoration-none">{{ service.name }}</a></h3>
{% for category in service.categories.all|slice:":1" %} {% for category in service.categories.all|slice:":1" %}
<p class="card__subtitle">{{ category.name }}</p> <p class="card__subtitle">{{ category.name }}</p>
{% endfor %} {% endfor %}
</div> </div>
<div class="card__desc"> <div class="card__desc flex-grow-1">
<p>{{ service.description|safe|truncatewords:15 }}</p> <p>{{ service.description|safe|truncatewords:15 }}</p>
</div> </div>
</div> </div>
</div> </div>
{% empty %} {% empty %}
<div class="col-12"> <div class="col-12">
<p class="text-center">No featured services available at the moment.</p> <p class="text-center">No featured services available at the moment.</p>
@ -85,25 +85,25 @@
<div class="row"> <div class="row">
<div class="section__grid"> <div class="section__grid">
<div class="row"> <div class="row">
{% for provider in featured_providers %} {% for provider in featured_providers %}
<div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0"> <div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0">
<div class="card"> <div class="card h-100 d-flex flex-column">
<div class="card__image__wide mb-4"> <div class="card__image__wide mb-4">
<a href="{{ provider.get_absolute_url }}"><img class="img-fluid" src="{{ provider.logo.url }}" alt="{{ provider.name }} logo"></a> <a href="{{ provider.get_absolute_url }}"><img class="img-fluid" src="{{ provider.logo.url }}" alt="{{ provider.name }} logo"></a>
</div> </div>
<div class="card__header"> <div class="card__header">
<h3 class="card__title"><a href="{{ provider.get_absolute_url }}" class="text-decoration-none">{{ provider.name }}</a></h3> <h3 class="card__title"><a href="{{ provider.get_absolute_url }}" class="text-decoration-none">{{ provider.name }}</a></h3>
</div> </div>
<div class="card__desc"> <div class="card__desc flex-grow-1">
<p>{{ provider.description|safe|truncatewords:15 }}</p> <p>{{ provider.description|safe|truncatewords:15 }}</p>
</div> </div>
</div> </div>
</div> </div>
{% empty %} {% empty %}
<div class="col-12"> <div class="col-12">
<p class="text-center">No featured provider available at the moment.</p> <p class="text-center">No featured provider available at the moment.</p>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
</div> </div>
@ -130,25 +130,25 @@
</header> </header>
<div class="section__grid"> <div class="section__grid">
<div class="row"> <div class="row">
{% for partner in featured_partners %} {% for partner in featured_partners %}
<div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0"> <div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0">
<div class="card"> <div class="card h-100 d-flex flex-column">
<div class="card__image__wide mb-4"> <div class="card__image__wide mb-4">
<a href="{{ partner.get_absolute_url }}"><img class="img-fluid" src="{{ partner.logo.url }}" alt="{{ partner.name }} logo"></a> <a href="{{ partner.get_absolute_url }}"><img class="img-fluid" src="{{ partner.logo.url }}" alt="{{ partner.name }} logo"></a>
</div> </div>
<div class="card__header"> <div class="card__header">
<h3 class="card__title"><a href="{{ partner.get_absolute_url }}" class="text-decoration-none">{{ partner.name }}</a></h3> <h3 class="card__title"><a href="{{ partner.get_absolute_url }}" class="text-decoration-none">{{ partner.name }}</a></h3>
</div> </div>
<div class="card__desc"> <div class="card__desc flex-grow-1">
<p>{{ partner.description|safe|truncatewords:15 }}</p> <p>{{ partner.description|safe|truncatewords:15 }}</p>
</div> </div>
</div> </div>
</div> </div>
{% empty %} {% empty %}
<div class="col-12"> <div class="col-12">
<p class="text-center">No featured partner available at the moment.</p> <p class="text-center">No featured partner available at the moment.</p>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
<div class="page-action d-lg-none"> <div class="page-action d-lg-none">