remove youtube section on iframe

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

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
 _____

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%;
 }
 
 

prosopopee/themes/exposure/templates/sections/iframe.html

@@ -0,0 +1,5 @@
+<section class="bordered-picture">
+  <div class="youtube-container">
+    {{ section.name }}
+  </div>
+</section>

prosopopee/themes/exposure/templates/sections/youtube.html

@@ -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>

prosopopee/themes/light/templates/sections/iframe.html

@@ -0,0 +1,5 @@
+<section class="pictures-group">
+  <div class="youtube-container">
+    {{ section.name }}
+  </div>
+</section>

prosopopee/themes/light/templates/sections/youtube.html

@@ -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>

prosopopee/themes/material/templates/sections/iframe.html

@@ -0,0 +1,6 @@
+<div class=container>
+  <div class="youtube-container">
+    {{ section.name }}
+  </div>
+</div>
+

prosopopee/themes/material/templates/sections/youtube.html

@@ -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>
-