index.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <title>reveal.js</title>
  7. <link rel="stylesheet" href="css/reset.css">
  8. <link rel="stylesheet" href="css/reveal.css">
  9. <link rel="stylesheet" href="css/theme/black.css">
  10. <!-- Theme used for syntax highlighting of code -->
  11. <link rel="stylesheet" href="lib/css/monokai.css">
  12. <!-- Printing and PDF exports -->
  13. <script>
  14. var link = document.createElement( 'link' );
  15. link.rel = 'stylesheet';
  16. link.type = 'text/css';
  17. link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
  18. document.getElementsByTagName( 'head' )[0].appendChild( link );
  19. </script>
  20. </head>
  21. <body>
  22. <div class="reveal">
  23. <div class="slides">
  24. <section>Slide 1</section>
  25. <section>Slide 2</section>
  26. </div>
  27. </div>
  28. <script src="js/reveal.js"></script>
  29. <script>
  30. Reveal.registerPlugin( 'myPlugin', {
  31. init: () => {
  32. return new Promise( resolve => setTimeout( resolve, 3000 ) );
  33. }
  34. } );
  35. Reveal.addEventListener( 'ready', () => console.log( 'Three seconds later...' ) );
  36. Reveal.initialize();
  37. </script>
  38. </body>
  39. </html>