From c22b0747d8f113f2b473cb2693f883b54bc6629e Mon Sep 17 00:00:00 2001
From: Laurent Peuch <cortex@worlddomination.be>
Date: Tue, 1 Nov 2016 11:52:03 +0100
Subject: [PATCH] [enh] uses responsives capacities of baguettebox

---
 .../exposure/templates/sections/bordered-picture.html      | 7 ++++++-
 .../themes/exposure/templates/sections/pictures-group.html | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/prosopopee/themes/exposure/templates/sections/bordered-picture.html b/prosopopee/themes/exposure/templates/sections/bordered-picture.html
index d042e20..d81f97d 100644
--- a/prosopopee/themes/exposure/templates/sections/bordered-picture.html
+++ b/prosopopee/themes/exposure/templates/sections/bordered-picture.html
@@ -29,7 +29,12 @@
 {% else %}
     <section class="bordered-picture baguette">
         <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="">
                 {% if caption %}
                     <div class="caption__overlay">
diff --git a/prosopopee/themes/exposure/templates/sections/pictures-group.html b/prosopopee/themes/exposure/templates/sections/pictures-group.html
index 104a093..0085667 100644
--- a/prosopopee/themes/exposure/templates/sections/pictures-group.html
+++ b/prosopopee/themes/exposure/templates/sections/pictures-group.html
@@ -28,7 +28,12 @@
             {% endif %}
             {% set video = "" %}
         {% 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="">
                 {% if caption %}
                     <div class="caption__overlay">