[enh] uses responsives capacities of baguettebox
This commit is contained in:
parent
2305c4f109
commit
c22b0747d8
@ -29,7 +29,12 @@
|
|||||||
{% else %}
|
{% else %}
|
||||||
<section class="bordered-picture baguette">
|
<section class="bordered-picture baguette">
|
||||||
<div class="caption">
|
<div class="caption">
|
||||||
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}>
|
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
|
||||||
|
data-at-450="{{ image.generate_thumbnail("x450") }}"
|
||||||
|
data-at-800="{{ image.generate_thumbnail("x800") }}"
|
||||||
|
data-at-1366="{{ image.generate_thumbnail("x1366") }}"
|
||||||
|
data-at-1920="{{ image.generate_thumbnail("x1920") }}"
|
||||||
|
>
|
||||||
<img class="lazy" src="" data-original="{{ image }}" alt="">
|
<img class="lazy" src="" data-original="{{ image }}" alt="">
|
||||||
{% if caption %}
|
{% if caption %}
|
||||||
<div class="caption__overlay">
|
<div class="caption__overlay">
|
||||||
|
@ -28,7 +28,12 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
{% set video = "" %}
|
{% set video = "" %}
|
||||||
{% else %}
|
{% else %}
|
||||||
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}>
|
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
|
||||||
|
data-at-450="{{ image.generate_thumbnail("x450") }}"
|
||||||
|
data-at-800="{{ image.generate_thumbnail("x800") }}"
|
||||||
|
data-at-1366="{{ image.generate_thumbnail("x1366") }}"
|
||||||
|
data-at-1920="{{ image.generate_thumbnail("x1920") }}"
|
||||||
|
>
|
||||||
<img class="lazy" src="" data-original="{{ image.generate_thumbnail("x600") }}" alt="">
|
<img class="lazy" src="" data-original="{{ image.generate_thumbnail("x600") }}" alt="">
|
||||||
{% if caption %}
|
{% if caption %}
|
||||||
<div class="caption__overlay">
|
<div class="caption__overlay">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user