diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-04-20 09:16:01 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-04-20 09:16:08 +0200 |
| commit | 6ff28af1b388e965e7210039206f3230b0789da1 (patch) | |
| tree | bf9caec310eb61e62e75dfbf46b7abe61af18b66 /examples/multiple-presentations.html | |
| parent | f3f91922db5b2a9b094c2339edcef4176aadaef9 (diff) | |
| download | fosdem-2021-minimalism-presentation-6ff28af1b388e965e7210039206f3230b0789da1.tar fosdem-2021-minimalism-presentation-6ff28af1b388e965e7210039206f3230b0789da1.tar.gz | |
separate public/internal reveal.js apis
Diffstat (limited to 'examples/multiple-presentations.html')
| -rw-r--r-- | examples/multiple-presentations.html | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/examples/multiple-presentations.html b/examples/multiple-presentations.html new file mode 100644 index 0000000..d4be360 --- /dev/null +++ b/examples/multiple-presentations.html @@ -0,0 +1,59 @@ +<!doctype html> +<html lang="en"> + + <head> + <meta charset="utf-8"> + + <title>reveal.js - Multiple Presentations</title> + + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> + + <link rel="stylesheet" href="../dist/reveal.css"> + <link rel="stylesheet" href="../dist/theme/white.css" id="theme"> + </head> + + <body style="background: #ddd;"> + + <div style="display: flex; flex-direction: row;"> + <div class="reveal deck1" style="width: 100%; height: 50vh; margin: 10px;"> + <div class="slides"> + <section>Deck 1, Slide 1</section> + <section>Deck 1, Slide 2</section> + </div> + </div> + + <div class="reveal deck2" style="width: 100%; height: 50vh; margin: 10px;"> + <div class="slides"> + <section>Deck 2, Slide 1</section> + <section>Deck 2, Slide 2</section> + </div> + </div> + </div> + + <script src="../dist/reveal.es5.js"></script> + <script> + + let r1 = new Reveal( document.querySelector( '.deck1' ), { + embedded: true, + keyboard: false + } ); + r1.on( 'slidechanged', () => { + console.log( 'Deck 1 slide changed' ); + } ); + r1.initialize(); + + let r2 = new Reveal( document.querySelector( '.deck2' ), { + embedded: true, + keyboard: false + } ); + r2.initialize().then( () => { + r2.slide(1); + } ); + r2.on( 'slidechanged', () => { + console.log( 'Deck 2 slide changed' ); + } ); + + </script> + + </body> +</html> |