fix youtube section + add docs

docs/changelog.rst

@@ -5,6 +5,7 @@ Changelog
 
  * Add audio HTML5 player
  * Update Material theme
+ * Add youtube section
 
 0.4 (2016-12-11)
 

docs/sections.rst

@@ -139,9 +139,7 @@ This section is for add audio file with HTML5 player.::
 
   - type: audio
     title: Title of song 
-    image:
+    image: song.ogg
-      name: song.ogg
-      type: audio
 
 
 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
 ________________
 

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>

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>

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>