minor adjustments for example decks

master
Hakim El Hattab 2020-04-21 11:26:02 +02:00
parent 8c52b32a18
commit de50b4153c
2 changed files with 7 additions and 13 deletions

View File

@ -1,18 +1,13 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>reveal.js - Barebones</title> <title>reveal.js - Barebones</title>
<link rel="stylesheet" href="../dist/reveal.css"> <link rel="stylesheet" href="../dist/reveal.css">
</head> </head>
<body> <body>
<div class="reveal"> <div class="reveal">
<div class="slides"> <div class="slides">
<section> <section>
@ -26,7 +21,6 @@
</section> </section>
</div> </div>
</div> </div>
<script src="../dist/reveal.es5.js"></script> <script src="../dist/reveal.es5.js"></script>

View File

@ -33,23 +33,23 @@
<script src="../dist/reveal.es5.js"></script> <script src="../dist/reveal.es5.js"></script>
<script> <script>
let r1 = new Reveal( document.querySelector( '.deck1' ), { let deck1 = new Reveal( document.querySelector( '.deck1' ), {
embedded: true, embedded: true,
keyboard: false keyboard: false
} ); } );
r1.on( 'slidechanged', () => { deck1.on( 'slidechanged', () => {
console.log( 'Deck 1 slide changed' ); console.log( 'Deck 1 slide changed' );
} ); } );
r1.initialize(); deck1.initialize();
let r2 = new Reveal( document.querySelector( '.deck2' ), { let deck2 = new Reveal( document.querySelector( '.deck2' ), {
embedded: true, embedded: true,
keyboard: false keyboard: false
} ); } );
r2.initialize().then( () => { deck2.initialize().then( () => {
r2.slide(1); deck2.slide(1);
} ); } );
r2.on( 'slidechanged', () => { deck2.on( 'slidechanged', () => {
console.log( 'Deck 2 slide changed' ); console.log( 'Deck 2 slide changed' );
} ); } );