template-revealjs.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
  6. <meta name="description" content="$title$">
  7. $for(author)$
  8. <meta name="author" content="$author$" />
  9. $endfor$
  10. <meta name="apple-mobile-web-app-capable" content="yes" />
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  13. <link rel="stylesheet" href="css/reveal.css">
  14. $if(theme)$
  15. <link rel="stylesheet" href="css/theme/$theme$.css" id="theme">
  16. $else$
  17. <link rel="stylesheet" href="css/theme/default.css" id="theme">
  18. $endif$
  19. <!-- For syntax highlighting -->
  20. $if(highlight-style)$
  21. <link rel="stylesheet" href="lib/css/$highlight-style$.css">
  22. $else$
  23. <link rel="stylesheet" href="lib/css/zenburn.css">
  24. $endif$
  25. <!-- If the query includes 'print-pdf', use the PDF print sheet -->
  26. <script>
  27. document.write( '<link rel="stylesheet" href="css/print/' +
  28. ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) +
  29. '.css" type="text/css" media="print">' );
  30. </script>
  31. <!--[if lt IE 9]>
  32. <script src="lib/js/html5shiv.js"></script>
  33. <![endif]-->
  34. $for(header-includes)$
  35. $header-includes$
  36. $endfor$
  37. </head>
  38. <body>
  39. $for(include-before)$
  40. $include-before$
  41. $endfor$
  42. <div class="reveal">
  43. <!-- Any section element inside of this container is displayed as a slide -->
  44. <div class="slides">
  45. <section>
  46. <h3>$title$</h3>
  47. <p><img src="images/VLC_Icon.svg" alt="Icone VLC" /></p>
  48. $for(author)$<h4>$author$</h4>$endfor$
  49. <p>
  50. <h5>$date$</h5>
  51. </p>
  52. </section>
  53. $if(toc)$
  54. <section>
  55. <h2>Outline</h2>
  56. <nav id="$idprefix$TOC">
  57. $toc$
  58. </nav>
  59. </section>
  60. $endif$
  61. $body$
  62. </div>
  63. <script src="lib/js/head.min.js"></script>
  64. <script src="js/reveal.js"></script>
  65. <script>
  66. // Full list of configuration options available here:
  67. // https://github.com/hakimel/reveal.js#configuration
  68. Reveal.initialize({
  69. controls: true,
  70. progress: true,
  71. history: true,
  72. center: false,
  73. slideNumber: true,
  74. // available themes are in /css/theme
  75. $if(theme)$
  76. theme: Reveal.getQueryHash().theme || '$theme$',
  77. $else$
  78. theme: Reveal.getQueryHash().theme || 'default',
  79. $endif$
  80. // default/cube/page/concave/zoom/linear/fade/none
  81. $if(transition)$
  82. transition: Reveal.getQueryHash().transition || '$transition$',
  83. $else$
  84. transition: Reveal.getQueryHash().transition || 'default',
  85. $endif$
  86. // Optional libraries used to extend on reveal.js
  87. dependencies: [
  88. { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
  89. { src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  90. { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  91. { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
  92. { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
  93. { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
  94. // { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
  95. ]
  96. });
  97. </script>
  98. </body>
  99. </html>