From 202594d9fa96a60bbf43aff32897dae34396f9a9 Mon Sep 17 00:00:00 2001
From: Laurent Peuch <cortex@worlddomination.be>
Date: Tue, 1 Nov 2016 12:25:14 +0100
Subject: [PATCH] [mod] start porting baguette responsive to material theme

---
 .../material/templates/sections/bordered-picture.html      | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/prosopopee/themes/material/templates/sections/bordered-picture.html b/prosopopee/themes/material/templates/sections/bordered-picture.html
index 498299f..bb94d36 100644
--- a/prosopopee/themes/material/templates/sections/bordered-picture.html
+++ b/prosopopee/themes/material/templates/sections/bordered-picture.html
@@ -15,7 +15,12 @@
             <source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
         </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="responsive-img lazy" data-original="{{ image.generate_thumbnail("x2000") }}" alt="">
             {% if caption %}
             <div class="caption__overlay card-panel center">