a reveal.js slidedeck
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

48 regels
1.8 KiB

  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <title>Template</title>
  5. <link rel="stylesheet" href="./dist/css/reveal.css">
  6. <link rel="stylesheet" href="./dist/css/redbrick.css">
  7. <!-- Printing and PDF exports -->
  8. <script>
  9. var link = document.createElement( 'link' );
  10. link.rel = 'stylesheet';
  11. link.type = 'text/css';
  12. link.href = window.location.search.match( /print-pdf/gi ) ? './dist/css/pdf.css' : './dist/css/paper.css';
  13. document.getElementsByTagName( 'head' )[0].appendChild( link );
  14. </script>
  15. </head>
  16. <body data-bg-text="Pictures are being taken to be used on social media">
  17. <div class="reveal">
  18. <div class="slides">
  19. <section data-markdown>
  20. <script type='text/template'>
  21. </script>
  22. </section>
  23. <section data-markdown>
  24. <script type='text/template'>
  25. </script>
  26. </section>
  27. </div>
  28. </div>
  29. <script src="./dist/js/reveal.js"></script>
  30. <script src="./dist/js/head.min.js"></script>
  31. <script type="text/javascript" src="//use.typekit.net/nts0xzw.js"></script>
  32. <script>
  33. Reveal.initialize({
  34. controls: true,
  35. mouseWheel: true,
  36. dependencies: [
  37. { src: './dist/js/classList.js', condition: function() { return !document.body.classList; } },
  38. { src: './dist/js//marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  39. { src: './dist/js/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  40. { src: './dist/js/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
  41. { src: './dist/js/zoom.js', async: true },
  42. { src: './dist/js/notes.js', async: true }
  43. ]
  44. });
  45. </script>
  46. </body>
  47. </html>