Librezo/website
Librezo/website
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

dark mode logos, lazy loading

Browse source
This commit is contained in:
Pascal Engélibert 2023-05-12 10:19:07 +02:00
commit d18ea59651
11 changed files with 193 additions and 104 deletions
Download patch file Download diff file Expand all files Collapse all files

12
templates/shortcodes/client_box.html
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">