dark mode logos, lazy loading

This commit is contained in:
Pascal Engélibert
2023-05-12 10:19:07 +02:00
parent 1c4dcec274
commit d18ea59651
11 changed files with 193 additions and 104 deletions

View File

@ -1,7 +1,17 @@
<div class="client_box">
<div class="client_box-left">
<div class="client_box-left-row">
<a class="client_box-link" href="{{href|safe}}"><img class="client_box-img" src="{{img|safe}}" alt="{{title}}" title="{{title}}"/></a>
<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>
<div class="client_box-right">