page_presentation.html 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="apple-mobile-web-app-capable" content="yes" />
  6. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  8. <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/css/reveal.min.css">
  9. <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/css/theme/solarized.css">
  10. <link rel="stylesheet" type="text/css" href="/css/crowi-reveal.css">
  11. <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/lib/css/zenburn.css">
  12. <title>{{ path|path2name }} | {{ path }}</title>
  13. </head>
  14. <body>
  15. <div class="reveal">
  16. <div class="slides">
  17. <section data-markdown data-separator="^\n\n\n">
  18. <script type="text/template">
  19. {{ revision.body|presentation }}
  20. # おしまい
  21. </script>
  22. </section>
  23. </div>
  24. </div>
  25. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  26. <script src="//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/lib/js/head.min.js"></script>
  27. <script src="//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/js/reveal.min.js"></script>
  28. <script>
  29. // Full list of configuration options available here:
  30. // https://github.com/hakimel/reveal.js#configuration
  31. Reveal.initialize({
  32. controls: true,
  33. progress: true,
  34. history: true,
  35. center: false,
  36. theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
  37. transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
  38. // Parallax scrolling
  39. // parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
  40. // parallaxBackgroundSize: '2100px 900px',
  41. // Optional libraries used to extend on reveal.js
  42. dependencies: [
  43. { src: '//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/lib/js/classList.js', condition: function() { return !document.body.classList; } },
  44. { src: '//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  45. { src: '//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  46. { src: '//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
  47. { src: '//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
  48. { src: '//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.5/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
  49. ]
  50. });
  51. //
  52. Reveal.addEventListener('ready', function(event) {
  53. // event.currentSlide, event.indexh, event.indexv
  54. $('.reveal section').each(function(e) {
  55. var $self = $(this);
  56. if ($self.children().length == 1) {
  57. $self.addClass('only');
  58. }
  59. });
  60. });
  61. </script>
  62. </body>
  63. </html>