##// END OF EJS Templates
Fixed fontsize issue and added missing require and jquery from cdn.
damianavila -
Show More
@@ -1,188 +1,194 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>
49 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
50
48 <!-- General and theme style sheets -->
51 <!-- General and theme style sheets -->
49 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/reveal.css">
52 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/reveal.css">
50 <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">
51
54
52 <!-- For syntax highlighting -->
55 <!-- For syntax highlighting -->
53 <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">
54
57
55 <!-- If the query includes 'print-pdf', use the PDF print sheet -->
58 <!-- If the query includes 'print-pdf', use the PDF print sheet -->
56 <script>
59 <script>
57 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 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">' );
58 </script>
61 </script>
59
62
60 <!--[if lt IE 9]>
63 <!--[if lt IE 9]>
61 <script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script>
64 <script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script>
62 <![endif]-->
65 <![endif]-->
63
66
64 <!-- Get Font-awesome from cdn -->
67 <!-- Get Font-awesome from cdn -->
65 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
68 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
66
69
67 {% for css in resources.inlining.css -%}
70 {% for css in resources.inlining.css -%}
68 <style type="text/css">
71 <style type="text/css">
69 {{ css }}
72 {{ css }}
70 </style>
73 </style>
71 {% endfor %}
74 {% endfor %}
72
75
73 <style type="text/css">
76 <style type="text/css">
74 /* Overrides of notebook CSS for static HTML export */
77 /* Overrides of notebook CSS for static HTML export */
75 html {
78 html {
76 overflow-y: auto;
79 overflow-y: auto;
77 }
80 }
78 .reveal {
81 .reveal {
79 font-size: 160%;
82 font-size: 160%;
80 }
83 }
81 .reveal pre {
84 .reveal pre {
82 width: inherit;
85 width: inherit;
83 padding: 0.4em;
86 padding: 0.4em;
84 margin: 0px;
87 margin: 0px;
85 font-family: monospace, sans-serif;
88 font-family: monospace, sans-serif;
86 font-size: 80%;
89 font-size: 80%;
87 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
90 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
88 }
91 }
89 .reveal section img {
92 .reveal section img {
90 border: 0px solid black;
93 border: 0px solid black;
91 box-shadow: 0 0 10px rgba(0, 0, 0, 0);
94 box-shadow: 0 0 10px rgba(0, 0, 0, 0);
92 }
95 }
93 .reveal i {
96 .reveal i {
94 font-style: normal;
97 font-style: normal;
95 font-family: FontAwesome;
98 font-family: FontAwesome;
96 font-size: 2em;
99 font-size: 2em;
97 }
100 }
98 .reveal .slides {
101 .reveal .slides {
99 text-align: left;
102 text-align: left;
100 }
103 }
101 .reveal.fade {
104 .reveal.fade {
102 opacity: 1;
105 opacity: 1;
103 }
106 }
104 .reveal .progress {
107 .reveal .progress {
105 position: static;
108 position: static;
106 }
109 }
107 div.input_area {
110 div.input_area {
108 padding: 0.06em;
111 padding: 0.06em;
109 }
112 }
113 div.input_area>div.highlight>pre {
114 font-size: 80%;
115 }
110 div.code_cell {
116 div.code_cell {
111 background-color: transparent;
117 background-color: transparent;
112 }
118 }
113 div.prompt {
119 div.prompt {
114 width: 11ex;
120 width: 11ex;
115 padding: 0.4em;
121 padding: 0.4em;
116 margin: 0px;
122 margin: 0px;
117 font-family: monospace, sans-serif;
123 font-family: monospace, sans-serif;
118 font-size: 80%;
124 font-size: 80%;
119 text-align: right;
125 text-align: right;
120 }
126 }
121 div.output_area pre {
127 div.output_area pre {
122 font-family: monospace, sans-serif;
128 font-family: monospace, sans-serif;
123 font-size: 80%;
129 font-size: 80%;
124 }
130 }
125 div.output_prompt {
131 div.output_prompt {
126 /* 5px right shift to account for margin in parent container */
132 /* 5px right shift to account for margin in parent container */
127 margin: 5px 5px 0 0;
133 margin: 5px 5px 0 0;
128 }
134 }
129 .rendered_html p {
135 .rendered_html p {
130 text-align: inherit;
136 text-align: inherit;
131 }
137 }
132 </style>
138 </style>
133
139
134 <!-- Custom stylesheet, it must be in the same directory as the html file -->
140 <!-- Custom stylesheet, it must be in the same directory as the html file -->
135 <link rel="stylesheet" href="custom.css">
141 <link rel="stylesheet" href="custom.css">
136
142
137 </head>
143 </head>
138 {% endblock header%}
144 {% endblock header%}
139
145
140
146
141 {% block body %}
147 {% block body %}
142 <body>
148 <body>
143 <div class="reveal">
149 <div class="reveal">
144 <div class="slides">
150 <div class="slides">
145 {{ super() }}
151 {{ super() }}
146 </div>
152 </div>
147 </div>
153 </div>
148
154
149 <script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script>
155 <script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script>
150
156
151 <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script>
157 <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script>
152
158
153 <script>
159 <script>
154
160
155 // Full list of configuration options available here: https://github.com/hakimel/reveal.js#configuration
161 // Full list of configuration options available here: https://github.com/hakimel/reveal.js#configuration
156 Reveal.initialize({
162 Reveal.initialize({
157 controls: true,
163 controls: true,
158 progress: true,
164 progress: true,
159 history: true,
165 history: true,
160
166
161 theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
167 theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
162 transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/none
168 transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/none
163
169
164 // Optional libraries used to extend on reveal.js
170 // Optional libraries used to extend on reveal.js
165 dependencies: [
171 dependencies: [
166 { src: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } },
172 { src: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } },
167 { src: "{{resources.reveal.url_prefix}}/plugin/highlight/highlight.js", async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
173 { src: "{{resources.reveal.url_prefix}}/plugin/highlight/highlight.js", async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
168 { src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } }
174 { src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } }
169 ]
175 ]
170 });
176 });
171 </script>
177 </script>
172
178
173 <!-- Loading mathjax macro -->
179 <!-- Loading mathjax macro -->
174 {{ mathjax() }}
180 {{ mathjax() }}
175
181
176 <script>
182 <script>
177 Reveal.addEventListener( 'slidechanged', function( event ) {
183 Reveal.addEventListener( 'slidechanged', function( event ) {
178 window.scrollTo(0,0);
184 window.scrollTo(0,0);
179 MathJax.Hub.Rerender(event.currentSlide);
185 MathJax.Hub.Rerender(event.currentSlide);
180 });
186 });
181 </script>
187 </script>
182
188
183 </body>
189 </body>
184 {% endblock body %}
190 {% endblock body %}
185
191
186 {% block footer %}
192 {% block footer %}
187 </html>
193 </html>
188 {% endblock footer %} No newline at end of file
194 {% endblock footer %}
General Comments 0
You need to be logged in to leave comments. Login now