feat: refactor image loading

This commit is contained in:
Cory Dransfeldt 2024-05-01 17:46:07 -07:00
parent 22fd3850ef
commit 93fb7eafeb
No known key found for this signature in database
30 changed files with 3408 additions and 4023 deletions

View file

@ -21,7 +21,11 @@
{%- capture loadingStrategy -%}
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
{%- endcapture -%}
{% image item.image, alt, '', loadingStrategy %}
{% if shape == 'square' %}
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=320&h=320&fm=webp&q=85" class="image-banner" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
{% else %}
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=85" class="image-banner" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
{% endif %}
</div>
</a>
{% endfor %}