31 lines
1.3 KiB
HTML
31 lines
1.3 KiB
HTML
{%- assign path = include.path | remove: ".jpg" | remove: ".jpeg" | remove: ".png" | remove: ".tiff" -%}
|
|
|
|
<figure>
|
|
|
|
<picture>
|
|
{% if site.enable_responsive_images %}
|
|
{% for i in site.imagemagick.widths -%}
|
|
<source media="(max-width: {{ i }}px)" srcset="{{ path | relative_url }}-{{ i }}.webp" />
|
|
{% endfor -%}
|
|
{% endif %}
|
|
|
|
<!-- Fallback to the original file -->
|
|
<img
|
|
{% if include.class %}class="{{ include.class }}"{% endif %}
|
|
src="{{ include.path | relative_url }}"
|
|
{% if include.width %}width="{{ include.width }}"{% else %}width="auto"{% endif %}
|
|
{% if include.height %}height="{{ include.height }}"{% else %}height="auto"{% endif %}
|
|
{% if include.min-width %}min-width="{{ include.min-width }}"{% endif %}
|
|
{% if include.min-height %}min-height="{{ include.min-height }}"{% endif %}
|
|
{% if include.max-width %}max-width="{{ include.max-width }}"{% endif %}
|
|
{% if include.max-height %}height="{{ include.max-height }}"{% endif %}
|
|
{% if include.alt %}alt="{{ include.alt }}"{% endif %}
|
|
{% if include.title %}title="{{ include.title }}"{% endif %}
|
|
{% if include.zoomable %}data-zoomable{% endif %} />
|
|
|
|
</picture>
|
|
|
|
{%- if include.caption -%}<figcaption class="caption">{{ include.caption }}</figcaption>{%- endif %}
|
|
|
|
</figure>
|