slides_reveal.tpl
185 lines
| 4.9 KiB
| application/vnd.groove-tool-template
|
SmartyLexer
damianavila
|
r11677 | {%- extends 'reveal_internals/slides.tpl' -%} | ||
Matthias BUSSONNIER
|
r9644 | |||
damianavila
|
r9662 | {% block header %} | ||
<!DOCTYPE html> | ||||
Matthias BUSSONNIER
|
r9644 | <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" /> | ||||
damianavila
|
r11179 | <!-- General and theme style sheets --> | ||
<link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/reveal.css"> | ||||
<link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/theme/simple.css" id="theme"> | ||||
Matthias BUSSONNIER
|
r9644 | |||
<!-- For syntax highlighting --> | ||||
damianavila
|
r11179 | <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/lib/css/zenburn.css"> | ||
Matthias BUSSONNIER
|
r9644 | |||
<!-- If the query includes 'print-pdf', use the PDF print sheet --> | ||||
damianavila
|
r11180 | <script> | ||
damianavila
|
r11343 | document.write( '<link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' ); | ||
damianavila
|
r11180 | </script> | ||
Matthias BUSSONNIER
|
r9644 | |||
<!--[if lt IE 9]> | ||||
damianavila
|
r11179 | <script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script> | ||
Matthias BUSSONNIER
|
r9644 | <![endif]--> | ||
Matthias BUSSONNIER
|
r9654 | {% for css in resources.inlining.css -%} | ||
Matthias BUSSONNIER
|
r9644 | <style type="text/css"> | ||
Matthias BUSSONNIER
|
r9645 | {{css}} | ||
Matthias BUSSONNIER
|
r9644 | </style> | ||
Matthias BUSSONNIER
|
r9645 | {% endfor %} | ||
Matthias BUSSONNIER
|
r9644 | |||
<style type="text/css"> | ||||
Matthias BUSSONNIER
|
r9645 | /* Overrides of notebook CSS for static HTML export */ | ||
Matthias BUSSONNIER
|
r9644 | .reveal { | ||
damianavila
|
r10949 | font-size: 20px; | ||
overflow-y: auto; | ||||
overflow-x: hidden; | ||||
Matthias BUSSONNIER
|
r9644 | } | ||
.reveal pre { | ||||
Damián Avila
|
r10976 | width: 95%; | ||
damianavila
|
r10851 | padding: 0.4em; | ||
margin: 0px; | ||||
damianavila
|
r9563 | font-family: monospace, sans-serif; | ||
font-size: 80%; | ||||
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); | ||||
Matthias BUSSONNIER
|
r9644 | } | ||
.reveal section img { | ||||
damianavila
|
r9563 | border: 0px solid black; | ||
box-shadow: 0 0 10px rgba(0, 0, 0, 0); | ||||
} | ||||
.reveal .slides { | ||||
text-align: left; | ||||
Matthias BUSSONNIER
|
r9644 | } | ||
Jessica B. Hamrick
|
r11053 | .reveal.fade { | ||
opacity: 1; | ||||
} | ||||
Matthias BUSSONNIER
|
r9644 | div.input_area { | ||
damianavila
|
r9563 | padding: 0.06em; | ||
Matthias BUSSONNIER
|
r9644 | } | ||
div.code_cell { | ||||
damianavila
|
r9563 | background-color: transparent; | ||
Matthias BUSSONNIER
|
r9644 | } | ||
div.prompt { | ||||
damianavila
|
r9563 | width: 11ex; | ||
padding: 0.4em; | ||||
margin: 0px; | ||||
font-family: monospace, sans-serif; | ||||
font-size: 80%; | ||||
text-align: right; | ||||
} | ||||
div.output_area pre { | ||||
font-family: monospace, sans-serif; | ||||
font-size: 80%; | ||||
Matthias BUSSONNIER
|
r9644 | } | ||
div.output_prompt { | ||||
/* 5px right shift to account for margin in parent container */ | ||||
damianavila
|
r11548 | margin: 5px 5px 0 0; | ||
Matthias BUSSONNIER
|
r9644 | } | ||
damianavila
|
r10950 | .rendered_html p { | ||
text-align: inherit; | ||||
} | ||||
Matthias BUSSONNIER
|
r9644 | </style> | ||
damianavila
|
r11247 | |||
<!-- Custom stylesheet, it must be in the same directory as the html file --> | ||||
<link rel="stylesheet" href="custom.css"> | ||||
damianavila
|
r9662 | </head> | ||
{% endblock header%} | ||||
{% block body %} | ||||
<body> | ||||
<div class="reveal"><div class="slides"> | ||||
{{ super() }} | ||||
</div></div> | ||||
damianavila
|
r11179 | <!-- | ||
damianavila
|
r10977 | Uncomment the following block and the addthis_widget.js (see below inside dependencies) | ||
to get enable social buttons. | ||||
--> | ||||
damianavila
|
r10975 | <!-- | ||
damianavila
|
r9662 | <div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:20px;top:20px;"> | ||
<a class="addthis_button_twitter"></a> | ||||
<a class="addthis_button_google_plusone_share"></a> | ||||
<a class="addthis_button_linkedin"></a> | ||||
<a class="addthis_button_facebook"></a> | ||||
<a class="addthis_button_more"></a> | ||||
</div> | ||||
damianavila
|
r10975 | --> | ||
damianavila
|
r9662 | |||
damianavila
|
r11179 | <script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script> | ||
damianavila
|
r9662 | |||
damianavila
|
r11180 | <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script> | ||
damianavila
|
r9662 | |||
<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: [ | ||||
damianavila
|
r11179 | { src: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } }, | ||
{ src: "{{resources.reveal.url_prefix}}/plugin/highlight/highlight.js", async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, | ||||
{ src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } } | ||||
damianavila
|
r10823 | // { src: 'http://s7.addthis.com/js/300/addthis_widget.js', async: true}, | ||
damianavila
|
r9662 | ] | ||
}); | ||||
</script> | ||||
damianavila
|
r10823 | <!-- MathJax configuration --> | ||
<script type="text/x-mathjax-config"> | ||||
MathJax.Hub.Config({ | ||||
tex2jax: { | ||||
inlineMath: [ ['$','$'], ["\\(","\\)"] ], | ||||
displayMath: [ ['$$','$$'], ["\\[","\\]"] ] | ||||
}, | ||||
displayAlign: 'left', // Change this to 'center' to center equations. | ||||
"HTML-CSS": { | ||||
styles: {'.MathJax_Display': {"margin": 0}} | ||||
} | ||||
}); | ||||
</script> | ||||
<!-- End of mathjax configuration --> | ||||
<script> | ||||
damianavila
|
r11179 | // We wait for the onload function to load MathJax after the page is completely loaded. | ||
damianavila
|
r10823 | // MathJax is loaded 1 unit of time after the page is ready. | ||
// This hack prevent problems when you load multiple js files (i.e. social button from addthis). | ||||
// | ||||
window.onload = function () { | ||||
setTimeout(function () { | ||||
var script = document.createElement("script"); | ||||
script.type = "text/javascript"; | ||||
script.src = "https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"; | ||||
document.getElementsByTagName("head")[0].appendChild(script); | ||||
},1) | ||||
} | ||||
</script> | ||||
damianavila
|
r9662 | <script> | ||
Reveal.addEventListener( 'slidechanged', function( event ) { | ||||
MathJax.Hub.Rerender(event.currentSlide); | ||||
}); | ||||
</script> | ||||
</body> | ||||
{% endblock body %} | ||||
{% block footer %} | ||||
</html> | ||||
Matthias BUSSONNIER
|
r9691 | {% endblock footer %} | ||