diff --git a/HowtoReveal.js.md b/HowtoReveal.js.md index 39aeda87..ca8dc16a 100644 --- a/HowtoReveal.js.md +++ b/HowtoReveal.js.md @@ -1,7 +1,50 @@ # Howto reveal.js +Pour faire des slides verticaux, il suffit d'englober plusieurs sections dans une même section : + +~~~{.html} +
+
+

Vertical Slides

+

+ Slides can be nested inside of each other. +

+
+
+

Basement Level 1

+

+ Nested slides are useful for adding additional detail underneath a high level horizontal slide. +

+
+
+~~~ + +Pour intégrer une image en background sur un slide en particulier, il faut ajouter l'attribut data-background à la section : + +~~~{.html} +
+

A slide with a image

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +

+
+~~~ + +On peut afficher du texte ou des images de façon fragmentée grâce à la class "fragment" : + +~~~{.html} +
+

A slide with a image

+

Lorem ipsum dolor sit amet...

+

...consectetur adipiscing elit...

+

...sed do eiusmod tempor incididunt ut...

+

...labore et dolore magna aliqua.

+ +
+~~~ + Transformer une présentation en .pdf : ~~~ $ ~/GIT/decktape$ ./phantomjs decktape.js file:///tmp/foo.html foo.pdf -~~~ \ No newline at end of file +~~~