reveal.tpl
150 lines
| 3.7 KiB
| application/vnd.groove-tool-template
|
SmartyLexer
/ templates / reveal.tpl
Matthias BUSSONNIER
|
r9401 | {%- extends 'basichtml.tpl' -%} | ||
| {% block any_cell -%} | ||||
| {% if cell.metadata.slideshow.close_fragment %} | ||||
| </div> | ||||
| {% endif %} | ||||
| {% if cell.metadata.slideshow.close_subsection %} | ||||
| </section> | ||||
| {% endif %} | ||||
| {% if cell.metadata.slideshow.close_section %} | ||||
| </section> | ||||
| {% endif %} | ||||
| {% if cell.metadata.slideshow.open_section %} | ||||
| <section> | ||||
| {%- endif %} | ||||
| {% if cell.metadata.slideshow.open_subsection %} | ||||
| <section> | ||||
| {%- endif %} | ||||
| {% if cell.metadata.slideshow.open_fragment %} | ||||
| <div class='fragment'> | ||||
| {% endif %} | ||||
| {% if cell.metadata.slideshow.slide_type in ['notes'] %} | ||||
| <aside class="notes"> | ||||
| {{ super() }} | ||||
| </aside> | ||||
| {% elif cell.metadata.slideshow.slide_tyle not in ['skip'] %} | ||||
| {{ super() }} | ||||
| {% endif %} | ||||
| {% endblock %} | ||||
| {% block body %} | ||||
| <body> | ||||
| <div class="reveal"><div class="slides"> | ||||
| {{ super() }} | ||||
| </section> | ||||
| </section> | ||||
| </div></div> | ||||
| <script src="reveal/lib/js/head.min.js"></script> | ||||
| <script src="reveal/js/reveal.min.js"></script> | ||||
| <script> | ||||
| // Full list of configuration options available here: https://github.com/hakimel/reveal.js#configuration | ||||
| Reveal.initialize({ | ||||
| controls: true, | ||||
| progress: true, | ||||
| history: true, | ||||
| theme: Reveal.getQueryHash().theme, // available themes are in /css/theme | ||||
| transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/none | ||||
| // Optional libraries used to extend on reveal.js | ||||
| dependencies: [ | ||||
| { src: 'reveal/lib/js/classList.js', condition: function() { return !document.body.classList; } }, | ||||
| { src: 'reveal/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, | ||||
| { src: 'reveal/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } }, | ||||
| { src: 'notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }, | ||||
| { src: 'https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS_HTML', async: true }, | ||||
| { src: 'js/revealmathjax.js', async: true} | ||||
| ] | ||||
| }); | ||||
| </script> | ||||
| <script> | ||||
| Reveal.addEventListener( 'slidechanged', function( event ) { | ||||
| MathJax.Hub.Rerender(event.currentSlide); | ||||
| }); | ||||
| </script> | ||||
| </body> | ||||
| </html>{% endblock body %} | ||||
| {% block header %}<!DOCTYPE html> | ||||
| <html> | ||||
| <head> | ||||
| <meta charset="utf-8" /> | ||||
| <meta http-equiv="X-UA-Compatible" content="chrome=1"> | ||||
| <meta name="apple-mobile-web-app-capable" content="yes" /> | ||||
| <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> | ||||
| <link rel="stylesheet" href="reveal/css/reveal.css"> | ||||
| <link rel="stylesheet" href="reveal/css/theme/simple.css" id="theme"> | ||||
| <!-- For syntax highlighting --> | ||||
| <link rel="stylesheet" href="reveal/lib/css/zenburn.css"> | ||||
| <!-- If the query includes 'print-pdf', use the PDF print sheet --> | ||||
| <script> | ||||
| document.write( '<link rel="stylesheet" href="reveal/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' ); | ||||
| </script> | ||||
| <!--[if lt IE 9]> | ||||
| <script src="reveal/lib/js/html5shiv.js"></script> | ||||
| <![endif]--> | ||||
|
Matthias BUSSONNIER
|
r9406 | {% for css in inlining.css -%} | ||
|
Matthias BUSSONNIER
|
r9401 | <style type="text/css"> | ||
|
Matthias BUSSONNIER
|
r9406 | {{css}} | ||
|
Matthias BUSSONNIER
|
r9401 | </style> | ||
|
Matthias BUSSONNIER
|
r9406 | {% endfor %} | ||
|
Matthias BUSSONNIER
|
r9401 | |||
| <style type="text/css"> | ||||
|
Matthias BUSSONNIER
|
r9406 | /* Overrides of notebook CSS for static HTML export */ | ||
|
Matthias BUSSONNIER
|
r9401 | |||
| .reveal { | ||||
| font-size: 20px; | ||||
| } | ||||
| .reveal pre { | ||||
|
Matthias BUSSONNIER
|
r9406 | width: 100%; | ||
| padding: 0.2em; | ||||
| margin: 0px auto; | ||||
| font-family: monospace, sans-serif; | ||||
| font-size: 60%; | ||||
| box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); | ||||
|
Matthias BUSSONNIER
|
r9401 | } | ||
| .reveal section img { | ||||
|
Matthias BUSSONNIER
|
r9406 | border: 0px solid black; | ||
| box-shadow: 0 0 10px rgba(0, 0, 0, 0); | ||||
|
Matthias BUSSONNIER
|
r9401 | } | ||
| div.input_area { | ||||
|
Matthias BUSSONNIER
|
r9406 | padding: 0.2em; | ||
|
Matthias BUSSONNIER
|
r9401 | } | ||
| div.code_cell { | ||||
|
Matthias BUSSONNIER
|
r9406 | background-color: transparent; | ||
|
Matthias BUSSONNIER
|
r9401 | } | ||
| div.prompt { | ||||
|
Matthias BUSSONNIER
|
r9406 | width: 11ex; | ||
| padding: 0.0em; | ||||
| margin: 0px; | ||||
| font-family: monospace; | ||||
| font-size: 60%; | ||||
| text-align: center; | ||||
|
Matthias BUSSONNIER
|
r9401 | } | ||
| div.output_prompt { | ||||
| /* 5px right shift to account for margin in parent container */ | ||||
| margin: 5px 5px 0 -5px; | ||||
| } | ||||
| </style> | ||||
| </head>{% endblock %} | ||||