diff options
author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-11 09:15:02 +0200 |
---|---|---|
committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-11 09:15:02 +0200 |
commit | 664beff715d704f5305bdf81f4c094b3931fad3f (patch) | |
tree | 58e11adba584e38ab61c1844cc4fa46443114380 /examples | |
parent | 57107ebe4c3a4bc1ab44fd8bd85a9c64e8ab4fec (diff) | |
download | fosdem-2021-minimalism-presentation-664beff715d704f5305bdf81f4c094b3931fad3f.tar fosdem-2021-minimalism-presentation-664beff715d704f5305bdf81f4c094b3931fad3f.tar.gz |
add focus controller, manages keyboard focus across multiple embedded decks
Diffstat (limited to 'examples')
-rw-r--r-- | examples/multiple-presentations.html | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/examples/multiple-presentations.html b/examples/multiple-presentations.html index 5b29613..ac1d7cb 100644 --- a/examples/multiple-presentations.html +++ b/examples/multiple-presentations.html @@ -57,6 +57,15 @@ </div> </div> + <style> + .reveal { + border: 4px solid #ccc; + } + .reveal.focused { + border-color: #94b5ff; + } + </style> + <script src="../dist/reveal.js"></script> <script src="../dist/plugin/highlight.js"></script> <script src="../dist/plugin/markdown.js"></script> @@ -65,7 +74,8 @@ let deck1 = new Reveal( document.querySelector( '.deck1' ), { embedded: true, - keyboard: false, + progress: false, + keyboardCondition: 'focused', plugins: [ RevealHighlight ] } ); deck1.on( 'slidechanged', () => { @@ -75,7 +85,8 @@ let deck2 = new Reveal( document.querySelector( '.deck2' ), { embedded: true, - keyboard: true, + progress: false, + keyboardCondition: 'focused', plugins: [ RevealMarkdown, RevealMath ] } ); deck2.initialize().then( () => { |