From 0749e9fec27b8f667ebb9e183f4dec02ade0e8a9 Mon Sep 17 00:00:00 2001
From: Adrien Beudin <beudbeud@beudibox.fr>
Date: Wed, 3 May 2017 19:19:55 +0200
Subject: [PATCH] fix youtube section + add docs

---
 docs/changelog.rst                                |  1 +
 docs/sections.rst                                 | 15 ++++++++++++---
 .../exposure/templates/sections/youtube.html      |  2 +-
 .../themes/light/templates/sections/youtube.html  |  2 +-
 .../material/templates/sections/youtube.html      |  2 +-
 5 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/docs/changelog.rst b/docs/changelog.rst
index 6d99a64..8ed115e 100644
--- a/docs/changelog.rst
+++ b/docs/changelog.rst
@@ -5,6 +5,7 @@ Changelog
 
  * Add audio HTML5 player
  * Update Material theme
+ * Add youtube section
 
 0.4 (2016-12-11)
 
diff --git a/docs/sections.rst b/docs/sections.rst
index 7491742..d319623 100644
--- a/docs/sections.rst
+++ b/docs/sections.rst
@@ -139,9 +139,7 @@ This section is for add audio file with HTML5 player.::
 
   - type: audio
     title: Title of song 
-    image:
-      name: song.ogg
-      type: audio
+    image: song.ogg
 
 
 Author
@@ -157,6 +155,17 @@ This section is for describe the author of the story::
     facebook: beudbeud (Optional)
     website: plop.fr (Optional)
 
+Youtube
+-------
+
+This section make your embeds youtube video responsive::
+
+  - type: youtube
+    video_id: nshFXWEKxs4
+
+You can get the id from the url of the video https://www.youtube.com/watch?v=nshFXWEKxs4
+
+
 Advanced options
 ________________
 
diff --git a/prosopopee/themes/exposure/templates/sections/youtube.html b/prosopopee/themes/exposure/templates/sections/youtube.html
index 72720da..ee39b1c 100644
--- a/prosopopee/themes/exposure/templates/sections/youtube.html
+++ b/prosopopee/themes/exposure/templates/sections/youtube.html
@@ -1,5 +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>
+    <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/youtube.html b/prosopopee/themes/light/templates/sections/youtube.html
index 2e74553..73f4a2f 100644
--- a/prosopopee/themes/light/templates/sections/youtube.html
+++ b/prosopopee/themes/light/templates/sections/youtube.html
@@ -1,5 +1,5 @@
 <section class="pictures-group">
   <div class="youtube-container">
-    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ video_id }}" frameborder="0" allowfullscreen></iframe>
+    <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/youtube.html b/prosopopee/themes/material/templates/sections/youtube.html
index 14e74ba..7d6f291 100644
--- a/prosopopee/themes/material/templates/sections/youtube.html
+++ b/prosopopee/themes/material/templates/sections/youtube.html
@@ -1,6 +1,6 @@
 <div class=container>
   <div class="youtube-container">
-    <iframe width="560" height="315" src="https://www.youtube.com/embed/nshFXWEKxs4" frameborder="0" allowfullscreen></iframe>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ section.video_id }}" frameborder="0" allowfullscreen></iframe>
   </div>
 </div>