##// END OF EJS Templates
upstream » ipython
RSS

Clone from https://github.com/ipython/ipython.git

Merge pull request #7826 from SylvainCorlay/color_trait...
Merge pull request #7826 from SylvainCorlay/color_trait Adding a Color trait type and using it for widget styling
damianavila - - Load All Authors

File last commit:

r19911:f546f5c9
r20802:d6cb4618 merge
Show More
slides_reveal.tpl
203 lines | 5.0 KiB | application/vnd.groove-tool-template | SmartyLexer
/ IPython / nbconvert / templates / html / slides_reveal.tpl
History | Annotation | Raw |Copy content |Copy permalink
{%- extends 'basic.tpl' -%}
{% from 'mathjax.tpl' import mathjax %}
{%- block any_cell scoped -%}
{%- if cell.metadata.slide_type in ['slide'] -%}
<section>
<section>
{{ super() }}
{%- elif cell.metadata.slide_type in ['subslide'] -%}
<section>
{{ super() }}
{%- elif cell.metadata.slide_type in ['-'] -%}
{%- if cell.metadata.frag_helper in ['fragment_end'] -%}
<div class="fragment" data-fragment-index="{{ cell.metadata.frag_number }}">
{{ super() }}
</div>
{%- else -%}
{{ super() }}
{%- endif -%}
{%- elif cell.metadata.slide_type in ['skip'] -%}
<div style=display:none>
{{ super() }}
</div>
{%- elif cell.metadata.slide_type in ['notes'] -%}
<aside class="notes">
{{ super() }}
</aside>
{%- elif cell.metadata.slide_type in ['fragment'] -%}
<div class="fragment" data-fragment-index="{{ cell.metadata.frag_number }}">
{{ super() }}
</div>
{%- endif -%}
{%- if cell.metadata.slide_helper in ['subslide_end'] -%}
</section>
{%- elif cell.metadata.slide_helper in ['slide_end'] -%}
</section>
</section>
{%- endif -%}
{%- endblock any_cell -%}
{% 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" />
<title>{{resources['metadata']['name']}} slides</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<!-- 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">
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
<script>
if( window.location.search.match( /print-pdf/gi ) ) {
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = '{{resources.reveal.url_prefix}}/css/print/pdf.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</script>
<!--[if lt IE 9]>
<script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script>
<![endif]-->
<!-- Get Font-awesome from cdn -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css">
{% for css in resources.inlining.css -%}
<style type="text/css">
{{ css }}
</style>
{% endfor %}
<style type="text/css">
/* Overrides of notebook CSS for static HTML export */
html {
overflow-y: auto;
}
.reveal {
font-size: 160%;
}
.reveal pre {
width: inherit;
padding: 0.4em;
margin: 0px;
font-family: monospace, sans-serif;
font-size: 80%;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.reveal pre code {
padding: 0px;
}
.reveal section img {
border: 0px solid black;
box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
.reveal i {
font-style: normal;
font-family: FontAwesome;
font-size: 2em;
}
.reveal .slides {
text-align: left;
}
.reveal.fade {
opacity: 1;
}
.reveal .progress {
position: static;
}
div.input_area {
padding: 0.06em;
}
div.code_cell {
background-color: transparent;
}
div.prompt {
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%;
}
div.output_prompt {
/* 5px right shift to account for margin in parent container */
margin: 5px 5px 0 0;
}
.rendered_html p {
text-align: inherit;
}
</style>
<!-- Custom stylesheet, it must be in the same directory as the html file -->
<link rel="stylesheet" href="custom.css">
</head>
{% endblock header%}
{% block body %}
<body>
<div class="reveal">
<div class="slides">
{{ super() }}
</div>
</div>
<script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script>
<script src="{{resources.reveal.url_prefix}}/js/reveal.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: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } },
{ src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
<!-- Loading mathjax macro -->
{{ mathjax() }}
<script>
Reveal.addEventListener( 'slidechanged', function( event ) {
window.scrollTo(0,0);
MathJax.Hub.Rerender(event.currentSlide);
});
</script>
</body>
{% endblock body %}
{% block footer %}
</html>
{% endblock footer %}