index.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta
  6. name="viewport"
  7. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
  8. />
  9. <title>reveal.js</title>
  10. <link rel="stylesheet" href="css/reset.css" />
  11. <link rel="stylesheet" href="css/reveal.scss" />
  12. <link rel="stylesheet" href="css/theme/black.scss" />
  13. <!-- Theme used for syntax highlighted code -->
  14. <link rel="stylesheet" href="plugin/highlight/monokai.css" />
  15. </head>
  16. <body>
  17. <div class="reveal">
  18. <div class="slides">
  19. <section>Slide 1</section>
  20. <section>Slide 2</section>
  21. </div>
  22. </div>
  23. <script type="module">
  24. import Reveal from 'reveal.js';
  25. import RevealNotes from 'reveal.js/plugin/notes';
  26. import RevealMarkdown from 'reveal.js/plugin/markdown';
  27. import RevealHighlight from 'reveal.js/plugin/highlight';
  28. // More info about initialization & config:
  29. // - https://revealjs.com/initialization/
  30. // - https://revealjs.com/config/
  31. Reveal.initialize({
  32. hash: true,
  33. // Learn about plugins: https://revealjs.com/plugins/
  34. plugins: [RevealMarkdown, RevealHighlight, RevealNotes],
  35. });
  36. </script>
  37. </body>
  38. </html>