page_presentation.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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="/css/crowi-reveal.css">
  9. <link rel="stylesheet" type="text/css" href="/bower_components/reveal.js/lib/css/zenburn.css">
  10. <title>{{ path|path2name }} | {{ path }}</title>
  11. </head>
  12. <body>
  13. <div class="reveal">
  14. <div class="slides">
  15. <section data-markdown data-separator="^\n\n\n">
  16. <script type="text/template">
  17. {{ revision.body|presentation|safe }}
  18. # おしまい
  19. </script>
  20. </section>
  21. </div>
  22. </div>
  23. <script src="/js/crowi-reveal.js"></script>
  24. <script>
  25. Reveal.initialize({
  26. controls: true,
  27. progress: true,
  28. history: true,
  29. center: true,
  30. transition: 'slide',
  31. // Optional libraries used to extend on reveal.js
  32. dependencies: [
  33. { src: '/bower_components/reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
  34. { src: '/bower_components/reveal.js/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  35. { src: '/bower_components/reveal.js/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  36. { src: '/bower_components/reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
  37. { src: '/bower_components/reveal.js/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
  38. { src: '/bower_components/reveal.js/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
  39. ]
  40. });
  41. Reveal.addEventListener('ready', function(event) {
  42. // event.currentSlide, event.indexh, event.indexv
  43. $('.reveal section').each(function(e) {
  44. var $self = $(this);
  45. if ($self.children().length == 1) {
  46. $self.addClass('only');
  47. }
  48. });
  49. });
  50. </script>
  51. </body>
  52. </html>