##// END OF EJS Templates
Polish test notebook
Polish test notebook

File last commit:

r13848:1853bfbb
r13996:3cecfd69
Show More
slides_reveal.tpl
183 lines | 4.7 KiB | application/vnd.groove-tool-template | SmartyLexer
damianavila
Organized reveal's templates.
r11677 {%- extends 'reveal_internals/slides.tpl' -%}
Matthias BUSSONNIER
reveal converter
r9644
damianavila
A new implementation of reveal converter with jinja templates.
r9662 {% block header %}
<!DOCTYPE html>
Matthias BUSSONNIER
reveal converter
r9644 <html>
<head>
damianavila
Added closing slash to meta.
r12890 <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
Matthias BUSSONNIER
reveal converter
r9644
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
damianavila
Added title to full_html and slides.
r12891 <title>{{resources['metadata']['name']}} slides</title>
damianavila
Make configurable the url where look for reveal.js library.
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
reveal converter
r9644
<!-- For syntax highlighting -->
damianavila
Make configurable the url where look for reveal.js library.
r11179 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/lib/css/zenburn.css">
Matthias BUSSONNIER
reveal converter
r9644
<!-- If the query includes 'print-pdf', use the PDF print sheet -->
damianavila
Fixing typo in reveal.tpl.
r11180 <script>
damianavila
Added missing slash to print-pdf call.
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
Fixing typo in reveal.tpl.
r11180 </script>
Matthias BUSSONNIER
reveal converter
r9644
<!--[if lt IE 9]>
damianavila
Make configurable the url where look for reveal.js library.
r11179 <script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script>
Matthias BUSSONNIER
reveal converter
r9644 <![endif]-->
damianavila
Added font-awesome to the slides to easily use some nice icons.
r13699 <!-- Get Font-awesome from cdn -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
Matthias BUSSONNIER
move html header out
r9654 {% for css in resources.inlining.css -%}
damianavila
Redo of fixing templates structure.
r11770 <style type="text/css">
{{ css }}
</style>
Matthias BUSSONNIER
extract css from ipython dir
r9645 {% endfor %}
Matthias BUSSONNIER
reveal converter
r9644
<style type="text/css">
Matthias BUSSONNIER
extract css from ipython dir
r9645 /* Overrides of notebook CSS for static HTML export */
damianavila
Fixed overflow not responding.
r12855 html {
damianavila
Some changes to improve readibility.
r12889 overflow-y: auto;
damianavila
Fixed overflow not responding.
r12855 }
Matthias BUSSONNIER
reveal converter
r9644 .reveal {
damianavila
Making reveal font-size a relative unit.
r13848 font-size: 160%;
Matthias BUSSONNIER
reveal converter
r9644 }
.reveal pre {
damianavila
Inherit the width of pre code inside the input code cells.
r13698 width: inherit;
damianavila
Some changes to improve readibility.
r12889 padding: 0.4em;
margin: 0px;
font-family: monospace, sans-serif;
font-size: 80%;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
Matthias BUSSONNIER
reveal converter
r9644 }
.reveal section img {
damianavila
Some changes to improve readibility.
r12889 border: 0px solid black;
box-shadow: 0 0 10px rgba(0, 0, 0, 0);
damianavila
Fixed css in reveal template and move static_html css to full_html template.
r9563 }
damianavila
reveal i is a class, so calling it with the class attribute selector.
r13700 .reveal i {
damianavila
Added font-awesome to the slides to easily use some nice icons.
r13699 font-style: normal;
font-family: FontAwesome;
font-size: 2em;
}
damianavila
Fixed css in reveal template and move static_html css to full_html template.
r9563 .reveal .slides {
damianavila
Some changes to improve readibility.
r12889 text-align: left;
Matthias BUSSONNIER
reveal converter
r9644 }
Jessica B. Hamrick
Override ipython css for .fade...
r11053 .reveal.fade {
damianavila
Some changes to improve readibility.
r12889 opacity: 1;
Jessica B. Hamrick
Override ipython css for .fade...
r11053 }
damianavila
Fixing progress bar bug introduced by scrolling.
r13171 .reveal .progress {
damianavila
Changing position property to static for a more robust fix.
r13172 position: static;
damianavila
Fixing progress bar bug introduced by scrolling.
r13171 }
Matthias BUSSONNIER
reveal converter
r9644 div.input_area {
damianavila
Some changes to improve readibility.
r12889 padding: 0.06em;
Matthias BUSSONNIER
reveal converter
r9644 }
div.code_cell {
damianavila
Some changes to improve readibility.
r12889 background-color: transparent;
Matthias BUSSONNIER
reveal converter
r9644 }
div.prompt {
damianavila
Some changes to improve readibility.
r12889 width: 11ex;
padding: 0.4em;
margin: 0px;
font-family: monospace, sans-serif;
font-size: 80%;
text-align: right;
damianavila
Fixed css in reveal template and move static_html css to full_html template.
r9563 }
div.output_area pre {
damianavila
Some changes to improve readibility.
r12889 font-family: monospace, sans-serif;
font-size: 80%;
Matthias BUSSONNIER
reveal converter
r9644 }
div.output_prompt {
damianavila
Some changes to improve readibility.
r12889 /* 5px right shift to account for margin in parent container */
margin: 5px 5px 0 0;
Matthias BUSSONNIER
reveal converter
r9644 }
damianavila
Added some css changes to make it work.
r10950 .rendered_html p {
damianavila
Some changes to improve readibility.
r12889 text-align: inherit;
damianavila
Added some css changes to make it work.
r10950 }
Matthias BUSSONNIER
reveal converter
r9644 </style>
damianavila
Added (to full_html and reveal templates) the possbility to read a custom.css file for tweaking the final html.
r11247
<!-- Custom stylesheet, it must be in the same directory as the html file -->
<link rel="stylesheet" href="custom.css">
damianavila
A new implementation of reveal converter with jinja templates.
r9662 </head>
{% endblock header%}
{% block body %}
<body>
damianavila
Redo of fixing templates structure.
r11770 <div class="reveal">
<div class="slides">
damianavila
A new implementation of reveal converter with jinja templates.
r9662 {{ super() }}
damianavila
Redo of fixing templates structure.
r11770 </div>
</div>
damianavila
A new implementation of reveal converter with jinja templates.
r9662
damianavila
Make configurable the url where look for reveal.js library.
r11179 <script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script>
damianavila
A new implementation of reveal converter with jinja templates.
r9662
damianavila
Fixing typo in reveal.tpl.
r11180 <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script>
damianavila
A new implementation of reveal converter with jinja templates.
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
Make configurable the url where look for reveal.js library.
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(); } },
MinRK
remove special handling of speaker notes
r12439 { src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } }
damianavila
A new implementation of reveal converter with jinja templates.
r9662 ]
});
</script>
damianavila
Fixed reveal in the new nbconvert to make it work.
r10823 <!-- MathJax configuration -->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
damianavila
Some changes to improve readibility.
r12889 tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
},
displayAlign: 'left', // Change this to 'center' to center equations.
"HTML-CSS": {
styles: {'.MathJax_Display': {"margin": 0}}
}
damianavila
Fixed reveal in the new nbconvert to make it work.
r10823 });
</script>
<!-- End of mathjax configuration -->
<script>
damianavila
Make configurable the url where look for reveal.js library.
r11179 // We wait for the onload function to load MathJax after the page is completely loaded.
damianavila
Fixed reveal in the new nbconvert to make it work.
r10823 // MathJax is loaded 1 unit of time after the page is ready.
damianavila
Deleted loading of addthis-specific js file and other references.
r12857 // This hack prevent problems when you load multiple js files.
damianavila
Some changes to improve readibility.
r12889
damianavila
Fixed reveal in the new nbconvert to make it work.
r10823 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
A new implementation of reveal converter with jinja templates.
r9662 <script>
Reveal.addEventListener( 'slidechanged', function( event ) {
damianavila
Scroll to top after slide change event.
r12854 window.scrollTo(0,0);
MathJax.Hub.Rerender(event.currentSlide);
damianavila
A new implementation of reveal converter with jinja templates.
r9662 });
</script>
</body>
{% endblock body %}
{% block footer %}
</html>
damianavila
Some more fixes.
r11771 {% endblock footer %}