Lined up service buttons.

This commit is contained in:
jupfi 2024-04-14 20:51:59 +02:00
parent 8c3ec9bda9
commit 72d99fb08f

View file

@ -14,21 +14,21 @@
<div class="row" id="services"> <div class="row" id="services">
{% for service in services.services %} {% for service in services.services %}
{% if not service.exclude_from_index %} {% if not service.exclude_from_index %}
<div class="service col-sm-4"> <div class="service col-sm-4 d-flex flex-column mb-4">
<h3>{{ service.name }}</h3> <h3>{{ service.name }}</h3>
<p> <p>
{{ service.long_description }} {{ service.long_description }}
</p> </p>
{% for link in service.links %} {% for link in service.links %}
<div class="btn-group"> <div class="btn-group mt-auto">
<a href="{{ link.url }}" class="btn <a href="{{ link.url }}" class="btn mb-1
{% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}" {% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}"
>{{ link.name }}</a >{{ link.name }}</a
> >
{% if link.alternatives %} {% if link.alternatives %}
<button <button
type="button" type="button"
class="btn dropdown-toggle dropdown-toggle-split class="btn dropdown-toggle dropdown-toggle-split mb-1
{% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}" {% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}"
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
aria-expanded="false" aria-expanded="false"
@ -59,24 +59,24 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<div class="service col-sm-4"> <div class="service col-sm-4 d-flex flex-column mb-4">
<h3>Hosting</h3> <h3>Hosting</h3>
<p> <p>
Need hosting for your privacy-related, social or wholesome Need hosting for your privacy-related, social or wholesome
project? We might be able to share our resources with you for project? We might be able to share our resources with you for
free! free!
</p> </p>
<a href="mailto:support@private.coffee" class="btn btn-primary" <a href="mailto:support@private.coffee" class="btn btn-primary mt-auto"
>Get in touch!</a >Get in touch!</a
> >
</div> </div>
<div class="service col-sm-4"> <div class="service col-sm-4 d-flex flex-column mb-4">
<h3>More?</h3> <h3>More?</h3>
<p> <p>
We are working on more services. If you have any suggestions, We are working on more services. If you have any suggestions,
please let us know! please let us know!
</p> </p>
<a href="mailto:support@private.coffee" class="btn btn-primary" <a href="mailto:support@private.coffee" class="btn btn-primary mt-auto"
>Get in touch!</a >Get in touch!</a
> >
</div> </div>