From 1813b8b1caea7a58c08f3de49f2cd43740eb1d25 Mon Sep 17 00:00:00 2001
From: Adrien Beudin <beudbeud@beudibox.fr>
Date: Wed, 3 May 2017 16:49:27 +0200
Subject: [PATCH] add youtube support

---
 .../themes/exposure/static/css/style-page.css  | 18 ++++++++++++++++++
 .../exposure/templates/sections/youtube.html   |  5 +++++
 2 files changed, 23 insertions(+)
 create mode 100644 prosopopee/themes/exposure/templates/sections/youtube.html

diff --git a/prosopopee/themes/exposure/static/css/style-page.css b/prosopopee/themes/exposure/static/css/style-page.css
index bda2447..036c89e 100644
--- a/prosopopee/themes/exposure/static/css/style-page.css
+++ b/prosopopee/themes/exposure/static/css/style-page.css
@@ -477,3 +477,21 @@ video.responsive-video {
   max-width: 100%;
   height: auto;
 }
+
+.youtube-container {
+  position: relative;
+  padding-bottom: 56.25%;
+  height: 0;
+  overflow: hidden;
+}
+
+
+.youtube-container iframe, .youtube-container object, .youtube-container embed {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 77%;
+  width: 77%;
+  margin-left: 11.5%;
+  margin-right: 11.5%;
+}
diff --git a/prosopopee/themes/exposure/templates/sections/youtube.html b/prosopopee/themes/exposure/templates/sections/youtube.html
new file mode 100644
index 0000000..72720da
--- /dev/null
+++ b/prosopopee/themes/exposure/templates/sections/youtube.html
@@ -0,0 +1,5 @@
+<section class="bordered-picture">
+  <div class="youtube-container">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ video_id }}" frameborder="0" allowfullscreen></iframe>
+  </div>
+</section>