Homec4science
Diffusion Slides (master) Browse

R3683/Slides/default_transition.tpl
1eef3646081bmaster

Last Change
Raw File

default_transition.tpl
View Options

{%- extends 'basic.tpl' -%}
{% block input_group -%}
<div class="input_hidden">
{{ super() }}
</div>
{% endblock input_group %}
{% from 'mathjax.tpl' import mathjax %}
{%- block any_cell scoped -%}
{%- if cell.metadata.get('slide_start', False) -%}
<section>
{%- endif -%}
{%- if cell.metadata.get('subslide_start', False) -%}
<section>
{%- endif -%}
{%- if cell.metadata.get('fragment_start', False) -%}
<div class="fragment">
{%- endif -%}
{%- if cell.metadata.slide_type == 'notes' -%}
<aside class="notes">
{{ super() }}
</aside>
{%- elif cell.metadata.slide_type == 'skip' -%}
{%- else -%}
{{ super() }}
{%- endif -%}
{%- if cell.metadata.get('fragment_end', False) -%}
</div>
{%- endif -%}
{%- if cell.metadata.get('subslide_end', False) -%}
</section>
{%- endif -%}
{%- if cell.metadata.get('slide_end', False) -%}
</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="tools/js-markdown-extra.js"></script>
<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/sky.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]-->
<!-- Loading the mathjax macro -->
{{ mathjax() }}
<!-- 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 */
.reveal {
font-size: 160%;
overflow-y: scroll;
}
.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 img {
border: 0px solid black;
box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
section {
border: 5px 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;
//border: solid black;
}
.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;
}
div.text_cell.rendered .rendered_html {
/* The H1 height seems miscalculated, we are just hidding the scrollbar */
overflow-y: hidden;
}
a.anchor-link {
/* There is still an anchor, we are only hidding it */
display: none;
}
.rendered_html p {
text-align: inherit;
}
/* added by guillaume */
div.box {
border-radius: 12px;
background-color: black;
color: white;
padding: 15px 15px 15px 15px;
margin: 5px 5px 5px 5px;
box-shadow: 10px 10px 5px grey;
}
.input_hidden {
display: none;
// margin-top: 5px;
}
body {
font-size: 15px;
}
/*hr {
height: 5;
}*/
.output_wrapper {
//border: 5px solid black
text-align: center
}
.reveal {
overflow-y: hidden
}
</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>
require(
{
// it makes sense to wait a little bit when you are loading
// reveal from a cdn in a slow connection environment
waitSeconds: 15
},
[
"{{resources.reveal.url_prefix}}/lib/js/head.min.js",
"{{resources.reveal.url_prefix}}/js/reveal.js"
],
function(head, Reveal){
Reveal.initialize({
controls: true,
progress: true,
history: true,
transition: 'fade',
margin: 0.02,
progress: true,
//slideNumber: true,
// Optional libraries used to extend on reveal.js plugins
dependencies: [
{ src: '{{resources.reveal.url_prefix}}/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: '{{resources.reveal.url_prefix}}/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: '{{resources.reveal.url_prefix}}/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: '{{resources.reveal.url_prefix}}/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: '{{resources.reveal.url_prefix}}/plugin/zoom-js/zoom.js', async: true },
{ src: '{{resources.reveal.url_prefix}}/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
var update = function(event){
if(MathJax.Hub.getAllJax(Reveal.getCurrentSlide())){
MathJax.Hub.Rerender(Reveal.getCurrentSlide());
}
};
Reveal.addEventListener('slidechanged', update);
}
);
$(document).ready(function(){
$(".prompt").hide()
//$(".prompt.output_prompt").hide()
//$(".output_wrapper").click(function(){
// $(this).prev('.input_hidden').slideToggle();
//});
$(".cell").css("width","90%");
$(".cell").css("margin","0 auto");
$(".output_area").css("text-align","center");
$(".output_png").css("margin","0 auto");
$("img").css("margin","0 auto");
$(".output_html").css("margin", "0 auto");
$(".output_latex").css("margin", "0 auto");
//$(".output_subarea").css("flex", "None");
$( "markdown" ).each(function( index ) {
$( this ).html(Markdown($( this ).text()));
});
})
</script>
</script>
</body>
{% endblock body %}
{% block footer %}
</html>
{% endblock footer %}
c4science · Help