From 3da2f92049e3905d24d8bc1e6d432b4218b8bec3 Mon Sep 17 00:00:00 2001
From: Adrien Beudin <beudbeud@beudibox.fr>
Date: Mon, 15 May 2017 14:05:26 +0200
Subject: [PATCH] remove youtube section on iframe

---
 docs/changelog.rst                                   |  2 +-
 docs/sections.rst                                    | 12 +++++-------
 prosopopee/themes/exposure/static/css/style-page.css |  1 +
 .../themes/exposure/templates/sections/iframe.html   |  5 +++++
 .../themes/exposure/templates/sections/youtube.html  |  5 -----
 .../themes/light/templates/sections/iframe.html      |  5 +++++
 .../themes/light/templates/sections/youtube.html     |  5 -----
 .../themes/material/templates/sections/iframe.html   |  6 ++++++
 .../themes/material/templates/sections/youtube.html  |  6 ------
 9 files changed, 23 insertions(+), 24 deletions(-)
 create mode 100644 prosopopee/themes/exposure/templates/sections/iframe.html
 delete mode 100644 prosopopee/themes/exposure/templates/sections/youtube.html
 create mode 100644 prosopopee/themes/light/templates/sections/iframe.html
 delete mode 100644 prosopopee/themes/light/templates/sections/youtube.html
 create mode 100644 prosopopee/themes/material/templates/sections/iframe.html
 delete mode 100644 prosopopee/themes/material/templates/sections/youtube.html

diff --git a/docs/changelog.rst b/docs/changelog.rst
index 78babe3..c541fd0 100644
--- a/docs/changelog.rst
+++ b/docs/changelog.rst
@@ -5,7 +5,7 @@ Changelog
 
  * Add audio HTML5 player https://prosopopee.readthedocs.org/en/latest/sections.html#audio by beudbeud
  * Update Material theme by beudbeud
- * Add youtube section https://prosopopee.readthedocs.org/en/latest/sections.html#youtube by beudbeud
+ * Add iframe section https://prosopopee.readthedocs.org/en/latest/sections.html#iframe by beudbeud
  * Add quotes section https://prosopopee.readthedocs.org/en/latest/sections.html#quote by beudbeud
  * Add deploy and preview option https://prosopopee.readthedocs.io/en/latest/build.html#preview by beudbeud
  * Load only css and jss if the section is used by beudbeud
diff --git a/docs/sections.rst b/docs/sections.rst
index 3e1c754..62670f4 100644
--- a/docs/sections.rst
+++ b/docs/sections.rst
@@ -155,15 +155,13 @@ This section is for describe the author of the story::
     facebook: beudbeud (Optional)
     website: plop.fr (Optional)
 
-Youtube
-_______
+Iframe
+______
 
-This section make your embeds youtube video responsive::
+This section make your embeds iframe responsive::
 
-  - type: youtube
-    video_id: nshFXWEKxs4
-
-You can get the id from the url of the video https://www.youtube.com/watch?v=nshFXWEKxs4
+  - type: iframe
+    name: <iframe width="560" height="315" src="https://www.youtube.com/embed/nshFXWEKxs4" frameborder="0" allowfullscreen></iframe>
 
 Quote
 _____
diff --git a/prosopopee/themes/exposure/static/css/style-page.css b/prosopopee/themes/exposure/static/css/style-page.css
index 8997b42..fd79b81 100644
--- a/prosopopee/themes/exposure/static/css/style-page.css
+++ b/prosopopee/themes/exposure/static/css/style-page.css
@@ -484,6 +484,7 @@ video.responsive-video {
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
+  margin-bottom: -15%;
 }
 
 
diff --git a/prosopopee/themes/exposure/templates/sections/iframe.html b/prosopopee/themes/exposure/templates/sections/iframe.html
new file mode 100644
index 0000000..540f448
--- /dev/null
+++ b/prosopopee/themes/exposure/templates/sections/iframe.html
@@ -0,0 +1,5 @@
+<section class="bordered-picture">
+  <div class="youtube-container">
+    {{ section.name }}
+  </div>
+</section>
diff --git a/prosopopee/themes/exposure/templates/sections/youtube.html b/prosopopee/themes/exposure/templates/sections/youtube.html
deleted file mode 100644
index ee39b1c..0000000
--- a/prosopopee/themes/exposure/templates/sections/youtube.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<section class="bordered-picture">
-  <div class="youtube-container">
-    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ section.video_id }}" frameborder="0" allowfullscreen></iframe>
-  </div>
-</section>
diff --git a/prosopopee/themes/light/templates/sections/iframe.html b/prosopopee/themes/light/templates/sections/iframe.html
new file mode 100644
index 0000000..8aa2eaa
--- /dev/null
+++ b/prosopopee/themes/light/templates/sections/iframe.html
@@ -0,0 +1,5 @@
+<section class="pictures-group">
+  <div class="youtube-container">
+    {{ section.name }}
+  </div>
+</section>
diff --git a/prosopopee/themes/light/templates/sections/youtube.html b/prosopopee/themes/light/templates/sections/youtube.html
deleted file mode 100644
index 73f4a2f..0000000
--- a/prosopopee/themes/light/templates/sections/youtube.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<section class="pictures-group">
-  <div class="youtube-container">
-    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ section.video_id }}" frameborder="0" allowfullscreen></iframe>
-  </div>
-</section>
diff --git a/prosopopee/themes/material/templates/sections/iframe.html b/prosopopee/themes/material/templates/sections/iframe.html
new file mode 100644
index 0000000..f31e641
--- /dev/null
+++ b/prosopopee/themes/material/templates/sections/iframe.html
@@ -0,0 +1,6 @@
+<div class=container>
+  <div class="youtube-container">
+    {{ section.name }}
+  </div>
+</div>
+
diff --git a/prosopopee/themes/material/templates/sections/youtube.html b/prosopopee/themes/material/templates/sections/youtube.html
deleted file mode 100644
index 7d6f291..0000000
--- a/prosopopee/themes/material/templates/sections/youtube.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class=container>
-  <div class="youtube-container">
-    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ section.video_id }}" frameborder="0" allowfullscreen></iframe>
-  </div>
-</div>
-