librezo-website/templates/shortcodes/client_box.html
2023-05-24 12:47:04 +02:00

21 lines
842 B
HTML

<div class="flex flex-col md:grid md:grid-cols-4 my-10 gap-x-3">
<div class="col-span-1 self-center justify-self-center mb-5">
<a class="client_box-link" href="{{href|safe}}">
{% if img_dark %}
<picture>
<source srcset="{{img_dark|safe}}" media="(prefers-color-scheme: dark)"/>
<source srcset="{{img|safe}}" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"/>
<img class="client_box-img" decoding="async" src="{{img|safe}}" alt="{{title}}" title="{{title}}" loading="lazy"/>
</picture>
{% else %}
<img class="client_box-img" src="{{img|safe}}" alt="{{title}}" title="{{title}}" loading="lazy"/>
{% endif %}
</a>
</div>
<div class="col-span-3">
{{body|safe}}
{% if sign %}<br/><span class="text-neutral-700">{{sign|safe}}</span>{% endif %}
</p>
</div>
</div>