From 10a3253aa82d3fe005a753439dc124cc75fd6bba Mon Sep 17 00:00:00 2001
From: Adrien Beudin <beudbeud@beudibox.fr>
Date: Thu, 26 May 2016 17:03:43 +0200
Subject: [PATCH] fix caption on video

---
 .../templates/sections/bordered-picture.html  | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/prosopopee/themes/exposure/templates/sections/bordered-picture.html b/prosopopee/themes/exposure/templates/sections/bordered-picture.html
index 10baca3..c10c479 100644
--- a/prosopopee/themes/exposure/templates/sections/bordered-picture.html
+++ b/prosopopee/themes/exposure/templates/sections/bordered-picture.html
@@ -1,5 +1,6 @@
 {% if section.image.type == "video" %}
 {% set video = Video(section.image) %}
+{% set caption = section.text %}
 {{ video.copy() }}
 {% else %}
 {% set image = Image(section.image) %}
@@ -9,16 +10,24 @@
 {% if section.background %}
 <div class="bg-section" style="background: {{ section.background }};">
     {% endif %}
-        {% if video %}
+    {% if video %}
     <section class="bordered-picture baguette" style="position: relative;">
-        <img class="lazy" data-original="{{ video.generate_thumbnail("2000") }}" src="" alt="">
-        <video class="lazy" id="video" poster="{{ video.generate_thumbnail("2000") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted>
-            <source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
-        </video>
-        {% else %}
+        <div class="caption">
+            <img class="lazy" data-original="{{ video.generate_thumbnail("2000") }}" src="" alt="">
+            <video class="lazy" id="video" poster="{{ video.generate_thumbnail("2000") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted>
+                <source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
+            </video>
+            {% if caption %}
+            <div class="caption__overlay">
+                <h5 class="caption__overlay__title">{{ caption }}</h5>
+            </div>
+            {% endif %}
+        </div>
+    </section>
+    {% 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 %}>
                 <img class="lazy" src="" data-original="{{ image }}" alt="">
                 {% if caption %}
                 <div class="caption__overlay">