|
|
|
|
|
|
|
|
" |
|
|
" |
|
|
sizes="min(100vw, calc(100vh * {{ photo.width }} / {{ photo.height }}))" |
|
|
sizes="min(100vw, calc(100vh * {{ photo.width }} / {{ photo.height }}))" |
|
|
type="image/webp"> |
|
|
type="image/webp"> |
|
|
|
|
|
<!-- The <img> tag is a fallback image (required in the <picture> tag) --> |
|
|
<img |
|
|
<img |
|
|
src="{{ photo.gallery_slug }}/jpg/{{ photo.name }}_{{ sizes.0.0 }}x{{ sizes.0.1 }}.jpg" |
|
|
src="{{ photo.gallery_slug }}/jpg/{{ photo.name }}_{{ sizes.0.0 }}x{{ sizes.0.1 }}.jpg" |
|
|
width="{{ photo.width }}" height="{{ photo.height }}" |
|
|
width="{{ photo.width }}" height="{{ photo.height }}" |
|
|
|
|
|
|
|
|
{%- endfor -%} |
|
|
{%- endfor -%} |
|
|
" |
|
|
" |
|
|
sizes="min(100vw, calc(100vh * {{ photo.width }} / {{ photo.height }}))" |
|
|
sizes="min(100vw, calc(100vh * {{ photo.width }} / {{ photo.height }}))" |
|
|
|
|
|
fetchpriority="high" |
|
|
|
|
|
decoding="sync" |
|
|
alt="TODO"> |
|
|
alt="TODO"> |
|
|
</picture> |
|
|
</picture> |
|
|
</div> |
|
|
</div> |