##// END OF EJS Templates
Merge pull request #5671 from ncornette/master...
Matthias Bussonnier -
r16366:e635c805 merge
parent child Browse files
Show More
@@ -1,191 +1,198 b''
1 {%- extends 'basic.tpl' -%}
1 {%- extends 'basic.tpl' -%}
2 {% from 'mathjax.tpl' import mathjax %}
2 {% from 'mathjax.tpl' import mathjax %}
3
3
4 {%- block any_cell scoped -%}
4 {%- block any_cell scoped -%}
5 {%- if cell.metadata.slide_type in ['slide'] -%}
5 {%- if cell.metadata.slide_type in ['slide'] -%}
6 <section>
6 <section>
7 <section>
7 <section>
8 {{ super() }}
8 {{ super() }}
9 {%- elif cell.metadata.slide_type in ['subslide'] -%}
9 {%- elif cell.metadata.slide_type in ['subslide'] -%}
10 <section>
10 <section>
11 {{ super() }}
11 {{ super() }}
12 {%- elif cell.metadata.slide_type in ['-'] -%}
12 {%- elif cell.metadata.slide_type in ['-'] -%}
13 {{ super() }}
13 {{ super() }}
14 {%- elif cell.metadata.slide_type in ['skip'] -%}
14 {%- elif cell.metadata.slide_type in ['skip'] -%}
15 <div style=display:none>
15 <div style=display:none>
16 {{ super() }}
16 {{ super() }}
17 </div>
17 </div>
18 {%- elif cell.metadata.slide_type in ['notes'] -%}
18 {%- elif cell.metadata.slide_type in ['notes'] -%}
19 <aside class="notes">
19 <aside class="notes">
20 {{ super() }}
20 {{ super() }}
21 </aside>
21 </aside>
22 {%- elif cell.metadata.slide_type in ['fragment'] -%}
22 {%- elif cell.metadata.slide_type in ['fragment'] -%}
23 <div class="fragment">
23 <div class="fragment">
24 {{ super() }}
24 {{ super() }}
25 </div>
25 </div>
26 {%- endif -%}
26 {%- endif -%}
27 {%- if cell.metadata.slide_helper in ['subslide_end'] -%}
27 {%- if cell.metadata.slide_helper in ['subslide_end'] -%}
28 </section>
28 </section>
29 {%- elif cell.metadata.slide_helper in ['slide_end'] -%}
29 {%- elif cell.metadata.slide_helper in ['slide_end'] -%}
30 </section>
30 </section>
31 </section>
31 </section>
32 {%- endif -%}
32 {%- endif -%}
33 {%- endblock any_cell -%}
33 {%- endblock any_cell -%}
34
34
35 {% block header %}
35 {% block header %}
36 <!DOCTYPE html>
36 <!DOCTYPE html>
37 <html>
37 <html>
38 <head>
38 <head>
39
39
40 <meta charset="utf-8" />
40 <meta charset="utf-8" />
41 <meta http-equiv="X-UA-Compatible" content="chrome=1" />
41 <meta http-equiv="X-UA-Compatible" content="chrome=1" />
42
42
43 <meta name="apple-mobile-web-app-capable" content="yes" />
43 <meta name="apple-mobile-web-app-capable" content="yes" />
44 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
44 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
45
45
46 <title>{{resources['metadata']['name']}} slides</title>
46 <title>{{resources['metadata']['name']}} slides</title>
47
47
48 <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
48 <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
49 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
49 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
50
50
51 <!-- General and theme style sheets -->
51 <!-- General and theme style sheets -->
52 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/reveal.css">
52 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/reveal.css">
53 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/theme/simple.css" id="theme">
53 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/theme/simple.css" id="theme">
54
54
55 <!-- For syntax highlighting -->
55 <!-- For syntax highlighting -->
56 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/lib/css/zenburn.css">
56 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/lib/css/zenburn.css">
57
57
58 <!-- If the query includes 'print-pdf', use the PDF print sheet -->
58 <!-- If the query includes 'print-pdf', include the PDF print sheet -->
59 <script>
59 <script>
60 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">' );
60 if( window.location.search.match( /print-pdf/gi ) ) {
61 var link = document.createElement( 'link' );
62 link.rel = 'stylesheet';
63 link.type = 'text/css';
64 link.href = '{{resources.reveal.url_prefix}}/css/print/pdf.css';
65 document.getElementsByTagName( 'head' )[0].appendChild( link );
66 }
67
61 </script>
68 </script>
62
69
63 <!--[if lt IE 9]>
70 <!--[if lt IE 9]>
64 <script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script>
71 <script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script>
65 <![endif]-->
72 <![endif]-->
66
73
67 <!-- Get Font-awesome from cdn -->
74 <!-- Get Font-awesome from cdn -->
68 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
75 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
69
76
70 {% for css in resources.inlining.css -%}
77 {% for css in resources.inlining.css -%}
71 <style type="text/css">
78 <style type="text/css">
72 {{ css }}
79 {{ css }}
73 </style>
80 </style>
74 {% endfor %}
81 {% endfor %}
75
82
76 <style type="text/css">
83 <style type="text/css">
77 /* Overrides of notebook CSS for static HTML export */
84 /* Overrides of notebook CSS for static HTML export */
78 html {
85 html {
79 overflow-y: auto;
86 overflow-y: auto;
80 }
87 }
81 .reveal {
88 .reveal {
82 font-size: 160%;
89 font-size: 160%;
83 }
90 }
84 .reveal pre {
91 .reveal pre {
85 width: inherit;
92 width: inherit;
86 padding: 0.4em;
93 padding: 0.4em;
87 margin: 0px;
94 margin: 0px;
88 font-family: monospace, sans-serif;
95 font-family: monospace, sans-serif;
89 font-size: 80%;
96 font-size: 80%;
90 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
97 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
91 }
98 }
92 .reveal section img {
99 .reveal section img {
93 border: 0px solid black;
100 border: 0px solid black;
94 box-shadow: 0 0 10px rgba(0, 0, 0, 0);
101 box-shadow: 0 0 10px rgba(0, 0, 0, 0);
95 }
102 }
96 .reveal i {
103 .reveal i {
97 font-style: normal;
104 font-style: normal;
98 font-family: FontAwesome;
105 font-family: FontAwesome;
99 font-size: 2em;
106 font-size: 2em;
100 }
107 }
101 .reveal .slides {
108 .reveal .slides {
102 text-align: left;
109 text-align: left;
103 }
110 }
104 .reveal.fade {
111 .reveal.fade {
105 opacity: 1;
112 opacity: 1;
106 }
113 }
107 .reveal .progress {
114 .reveal .progress {
108 position: static;
115 position: static;
109 }
116 }
110 div.input_area {
117 div.input_area {
111 padding: 0.06em;
118 padding: 0.06em;
112 }
119 }
113 div.code_cell {
120 div.code_cell {
114 background-color: transparent;
121 background-color: transparent;
115 }
122 }
116 div.prompt {
123 div.prompt {
117 width: 11ex;
124 width: 11ex;
118 padding: 0.4em;
125 padding: 0.4em;
119 margin: 0px;
126 margin: 0px;
120 font-family: monospace, sans-serif;
127 font-family: monospace, sans-serif;
121 font-size: 80%;
128 font-size: 80%;
122 text-align: right;
129 text-align: right;
123 }
130 }
124 div.output_area pre {
131 div.output_area pre {
125 font-family: monospace, sans-serif;
132 font-family: monospace, sans-serif;
126 font-size: 80%;
133 font-size: 80%;
127 }
134 }
128 div.output_prompt {
135 div.output_prompt {
129 /* 5px right shift to account for margin in parent container */
136 /* 5px right shift to account for margin in parent container */
130 margin: 5px 5px 0 0;
137 margin: 5px 5px 0 0;
131 }
138 }
132 .rendered_html p {
139 .rendered_html p {
133 text-align: inherit;
140 text-align: inherit;
134 }
141 }
135 </style>
142 </style>
136
143
137 <!-- Custom stylesheet, it must be in the same directory as the html file -->
144 <!-- Custom stylesheet, it must be in the same directory as the html file -->
138 <link rel="stylesheet" href="custom.css">
145 <link rel="stylesheet" href="custom.css">
139
146
140 </head>
147 </head>
141 {% endblock header%}
148 {% endblock header%}
142
149
143
150
144 {% block body %}
151 {% block body %}
145 <body>
152 <body>
146 <div class="reveal">
153 <div class="reveal">
147 <div class="slides">
154 <div class="slides">
148 {{ super() }}
155 {{ super() }}
149 </div>
156 </div>
150 </div>
157 </div>
151
158
152 <script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script>
159 <script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script>
153
160
154 <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script>
161 <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script>
155
162
156 <script>
163 <script>
157
164
158 // Full list of configuration options available here: https://github.com/hakimel/reveal.js#configuration
165 // Full list of configuration options available here: https://github.com/hakimel/reveal.js#configuration
159 Reveal.initialize({
166 Reveal.initialize({
160 controls: true,
167 controls: true,
161 progress: true,
168 progress: true,
162 history: true,
169 history: true,
163
170
164 theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
171 theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
165 transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/none
172 transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/none
166
173
167 // Optional libraries used to extend on reveal.js
174 // Optional libraries used to extend on reveal.js
168 dependencies: [
175 dependencies: [
169 { src: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } },
176 { src: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } },
170 { src: "{{resources.reveal.url_prefix}}/plugin/highlight/highlight.js", async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
177 { src: "{{resources.reveal.url_prefix}}/plugin/highlight/highlight.js", async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
171 { src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } }
178 { src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } }
172 ]
179 ]
173 });
180 });
174 </script>
181 </script>
175
182
176 <!-- Loading mathjax macro -->
183 <!-- Loading mathjax macro -->
177 {{ mathjax() }}
184 {{ mathjax() }}
178
185
179 <script>
186 <script>
180 Reveal.addEventListener( 'slidechanged', function( event ) {
187 Reveal.addEventListener( 'slidechanged', function( event ) {
181 window.scrollTo(0,0);
188 window.scrollTo(0,0);
182 MathJax.Hub.Rerender(event.currentSlide);
189 MathJax.Hub.Rerender(event.currentSlide);
183 });
190 });
184 </script>
191 </script>
185
192
186 </body>
193 </body>
187 {% endblock body %}
194 {% endblock body %}
188
195
189 {% block footer %}
196 {% block footer %}
190 </html>
197 </html>
191 {% endblock footer %} No newline at end of file
198 {% endblock footer %}
General Comments 0
You need to be logged in to leave comments. Login now