Show More
@@ -1,64 +1,67 | |||||
1 | {%- extends 'basichtml.tpl' -%} |
|
1 | {%- extends 'basichtml.tpl' -%} | |
2 |
|
2 | |||
3 | {%- block header -%}<!DOCTYPE html> |
|
3 | {%- block header -%}<!DOCTYPE html> | |
4 | <html> |
|
4 | <html> | |
5 | <head> |
|
5 | <head> | |
6 | <meta charset="UTF-8"> |
|
6 | <meta charset="UTF-8"> | |
7 | <title>[{{nb.metadata.name}}]</title> |
|
7 | <title>[{{nb.metadata.name}}]</title> | |
8 | {% for css in resources.inlining.css -%} |
|
8 | {% for css in resources.inlining.css -%} | |
9 | <style type="text/css"> |
|
9 | <style type="text/css"> | |
10 | {{css}} |
|
10 | {{css}} | |
11 | </style> |
|
11 | </style> | |
12 | {% endfor %} |
|
12 | {% endfor %} | |
13 |
|
13 | |||
14 | <style type="text/css"> |
|
14 | <style type="text/css"> | |
15 | /* Overrides of notebook CSS for static HTML export */ |
|
15 | /* Overrides of notebook CSS for static HTML export */ | |
16 | body { |
|
16 | body { | |
17 | overflow: visible; |
|
17 | overflow: visible; | |
18 | padding: 8px; |
|
18 | padding: 8px; | |
19 | } |
|
19 | } | |
20 | .input_area { |
|
20 | .input_area { | |
21 | padding: 0.2em; |
|
21 | padding: 0.2em; | |
22 | } |
|
22 | } | |
23 |
|
23 | |||
24 | pre { |
|
24 | pre { | |
25 | border: none; |
|
25 | border: none; | |
26 | margin: 0px; |
|
26 | margin: 0px; | |
27 | font-size: 13px; |
|
27 | font-size: 13px; | |
28 | } |
|
28 | } | |
29 | </style> |
|
29 | </style> | |
30 |
|
30 | |||
|
31 | <!-- Custom stylesheet, it must be in the same directory as the html file --> | |||
|
32 | <link rel="stylesheet" href="custom.css"> | |||
|
33 | ||||
31 | <script src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" type="text/javascript"> |
|
34 | <script src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" type="text/javascript"> | |
32 |
|
35 | |||
33 | </script> |
|
36 | </script> | |
34 | <script type="text/javascript"> |
|
37 | <script type="text/javascript"> | |
35 | init_mathjax = function() { |
|
38 | init_mathjax = function() { | |
36 | if (window.MathJax) { |
|
39 | if (window.MathJax) { | |
37 | // MathJax loaded |
|
40 | // MathJax loaded | |
38 | MathJax.Hub.Config({ |
|
41 | MathJax.Hub.Config({ | |
39 | tex2jax: { |
|
42 | tex2jax: { | |
40 | inlineMath: [ ['$','$'], ["\\(","\\)"] ], |
|
43 | inlineMath: [ ['$','$'], ["\\(","\\)"] ], | |
41 | displayMath: [ ['$$','$$'], ["\\[","\\]"] ] |
|
44 | displayMath: [ ['$$','$$'], ["\\[","\\]"] ] | |
42 | }, |
|
45 | }, | |
43 | displayAlign: 'left', // Change this to 'center' to center equations. |
|
46 | displayAlign: 'left', // Change this to 'center' to center equations. | |
44 | "HTML-CSS": { |
|
47 | "HTML-CSS": { | |
45 | styles: {'.MathJax_Display': {"margin": 0}} |
|
48 | styles: {'.MathJax_Display': {"margin": 0}} | |
46 | } |
|
49 | } | |
47 | }); |
|
50 | }); | |
48 | MathJax.Hub.Queue(["Typeset",MathJax.Hub]); |
|
51 | MathJax.Hub.Queue(["Typeset",MathJax.Hub]); | |
49 | } |
|
52 | } | |
50 | } |
|
53 | } | |
51 | init_mathjax(); |
|
54 | init_mathjax(); | |
52 | </script> |
|
55 | </script> | |
53 | </head> |
|
56 | </head> | |
54 | {%- endblock header -%} |
|
57 | {%- endblock header -%} | |
55 |
|
58 | |||
56 |
|
59 | |||
57 | {% block body %} |
|
60 | {% block body %} | |
58 | <body>{{ super() }} |
|
61 | <body>{{ super() }} | |
59 | </body> |
|
62 | </body> | |
60 | {%- endblock body %} |
|
63 | {%- endblock body %} | |
61 |
|
64 | |||
62 |
|
65 | |||
63 | {% block footer %} |
|
66 | {% block footer %} | |
64 | </html>{% endblock footer %} |
|
67 | </html>{% endblock footer %} |
@@ -1,181 +1,185 | |||||
1 | {%- extends 'slides.tpl' -%} |
|
1 | {%- extends 'slides.tpl' -%} | |
2 |
|
2 | |||
3 |
|
3 | |||
4 | {% block header %} |
|
4 | {% block header %} | |
5 | <!DOCTYPE html> |
|
5 | <!DOCTYPE html> | |
6 | <html> |
|
6 | <html> | |
7 | <head> |
|
7 | <head> | |
8 |
|
8 | |||
9 | <meta charset="utf-8" /> |
|
9 | <meta charset="utf-8" /> | |
10 | <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
|
10 | <meta http-equiv="X-UA-Compatible" content="chrome=1"> | |
11 |
|
11 | |||
12 | <meta name="apple-mobile-web-app-capable" content="yes" /> |
|
12 | <meta name="apple-mobile-web-app-capable" content="yes" /> | |
13 | <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> |
|
13 | <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> | |
14 |
|
14 | |||
15 | <!-- General and theme style sheets --> |
|
15 | <!-- General and theme style sheets --> | |
16 | <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/reveal.css"> |
|
16 | <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/reveal.css"> | |
17 | <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/theme/simple.css" id="theme"> |
|
17 | <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/theme/simple.css" id="theme"> | |
18 |
|
18 | |||
19 | <!-- For syntax highlighting --> |
|
19 | <!-- For syntax highlighting --> | |
20 | <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/lib/css/zenburn.css"> |
|
20 | <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/lib/css/zenburn.css"> | |
21 |
|
21 | |||
22 | <!-- If the query includes 'print-pdf', use the PDF print sheet --> |
|
22 | <!-- If the query includes 'print-pdf', use the PDF print sheet --> | |
23 | <script> |
|
23 | <script> | |
24 | 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">' ); |
|
24 | 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">' ); | |
25 | </script> |
|
25 | </script> | |
26 |
|
26 | |||
27 | <!--[if lt IE 9]> |
|
27 | <!--[if lt IE 9]> | |
28 | <script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script> |
|
28 | <script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script> | |
29 | <![endif]--> |
|
29 | <![endif]--> | |
30 |
|
30 | |||
31 | {% for css in resources.inlining.css -%} |
|
31 | {% for css in resources.inlining.css -%} | |
32 | <style type="text/css"> |
|
32 | <style type="text/css"> | |
33 | {{css}} |
|
33 | {{css}} | |
34 | </style> |
|
34 | </style> | |
35 | {% endfor %} |
|
35 | {% endfor %} | |
36 |
|
36 | |||
37 | <style type="text/css"> |
|
37 | <style type="text/css"> | |
38 | /* Overrides of notebook CSS for static HTML export */ |
|
38 | /* Overrides of notebook CSS for static HTML export */ | |
39 | .reveal { |
|
39 | .reveal { | |
40 | font-size: 20px; |
|
40 | font-size: 20px; | |
41 | overflow-y: auto; |
|
41 | overflow-y: auto; | |
42 | overflow-x: hidden; |
|
42 | overflow-x: hidden; | |
43 | } |
|
43 | } | |
44 | .reveal pre { |
|
44 | .reveal pre { | |
45 | width: 95%; |
|
45 | width: 95%; | |
46 | padding: 0.4em; |
|
46 | padding: 0.4em; | |
47 | margin: 0px; |
|
47 | margin: 0px; | |
48 | font-family: monospace, sans-serif; |
|
48 | font-family: monospace, sans-serif; | |
49 | font-size: 80%; |
|
49 | font-size: 80%; | |
50 | box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); |
|
50 | box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); | |
51 | } |
|
51 | } | |
52 | .reveal section img { |
|
52 | .reveal section img { | |
53 | border: 0px solid black; |
|
53 | border: 0px solid black; | |
54 | box-shadow: 0 0 10px rgba(0, 0, 0, 0); |
|
54 | box-shadow: 0 0 10px rgba(0, 0, 0, 0); | |
55 | } |
|
55 | } | |
56 | .reveal .slides { |
|
56 | .reveal .slides { | |
57 | text-align: left; |
|
57 | text-align: left; | |
58 | } |
|
58 | } | |
59 | .reveal.fade { |
|
59 | .reveal.fade { | |
60 | opacity: 1; |
|
60 | opacity: 1; | |
61 | } |
|
61 | } | |
62 | div.input_area { |
|
62 | div.input_area { | |
63 | padding: 0.06em; |
|
63 | padding: 0.06em; | |
64 | } |
|
64 | } | |
65 | div.code_cell { |
|
65 | div.code_cell { | |
66 | background-color: transparent; |
|
66 | background-color: transparent; | |
67 | } |
|
67 | } | |
68 | div.prompt { |
|
68 | div.prompt { | |
69 | width: 11ex; |
|
69 | width: 11ex; | |
70 | padding: 0.4em; |
|
70 | padding: 0.4em; | |
71 | margin: 0px; |
|
71 | margin: 0px; | |
72 | font-family: monospace, sans-serif; |
|
72 | font-family: monospace, sans-serif; | |
73 | font-size: 80%; |
|
73 | font-size: 80%; | |
74 | text-align: right; |
|
74 | text-align: right; | |
75 | } |
|
75 | } | |
76 | div.output_area pre { |
|
76 | div.output_area pre { | |
77 | font-family: monospace, sans-serif; |
|
77 | font-family: monospace, sans-serif; | |
78 | font-size: 80%; |
|
78 | font-size: 80%; | |
79 | } |
|
79 | } | |
80 | div.output_prompt { |
|
80 | div.output_prompt { | |
81 | /* 5px right shift to account for margin in parent container */ |
|
81 | /* 5px right shift to account for margin in parent container */ | |
82 | margin: 5px 5px 0 -5px; |
|
82 | margin: 5px 5px 0 -5px; | |
83 | } |
|
83 | } | |
84 | .rendered_html p { |
|
84 | .rendered_html p { | |
85 | text-align: inherit; |
|
85 | text-align: inherit; | |
86 | } |
|
86 | } | |
87 | </style> |
|
87 | </style> | |
|
88 | ||||
|
89 | <!-- Custom stylesheet, it must be in the same directory as the html file --> | |||
|
90 | <link rel="stylesheet" href="custom.css"> | |||
|
91 | ||||
88 | </head> |
|
92 | </head> | |
89 | {% endblock header%} |
|
93 | {% endblock header%} | |
90 |
|
94 | |||
91 |
|
95 | |||
92 | {% block body %} |
|
96 | {% block body %} | |
93 | <body> |
|
97 | <body> | |
94 | <div class="reveal"><div class="slides"> |
|
98 | <div class="reveal"><div class="slides"> | |
95 |
|
99 | |||
96 | {{ super() }} |
|
100 | {{ super() }} | |
97 |
|
101 | |||
98 | </div></div> |
|
102 | </div></div> | |
99 |
|
103 | |||
100 | <!-- |
|
104 | <!-- | |
101 | Uncomment the following block and the addthis_widget.js (see below inside dependencies) |
|
105 | Uncomment the following block and the addthis_widget.js (see below inside dependencies) | |
102 | to get enable social buttons. |
|
106 | to get enable social buttons. | |
103 | --> |
|
107 | --> | |
104 |
|
108 | |||
105 | <!-- |
|
109 | <!-- | |
106 | <div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:20px;top:20px;"> |
|
110 | <div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:20px;top:20px;"> | |
107 | <a class="addthis_button_twitter"></a> |
|
111 | <a class="addthis_button_twitter"></a> | |
108 | <a class="addthis_button_google_plusone_share"></a> |
|
112 | <a class="addthis_button_google_plusone_share"></a> | |
109 | <a class="addthis_button_linkedin"></a> |
|
113 | <a class="addthis_button_linkedin"></a> | |
110 | <a class="addthis_button_facebook"></a> |
|
114 | <a class="addthis_button_facebook"></a> | |
111 | <a class="addthis_button_more"></a> |
|
115 | <a class="addthis_button_more"></a> | |
112 | </div> |
|
116 | </div> | |
113 | --> |
|
117 | --> | |
114 |
|
118 | |||
115 | <script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script> |
|
119 | <script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script> | |
116 |
|
120 | |||
117 | <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script> |
|
121 | <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script> | |
118 |
|
122 | |||
119 | <script> |
|
123 | <script> | |
120 |
|
124 | |||
121 | // Full list of configuration options available here: https://github.com/hakimel/reveal.js#configuration |
|
125 | // Full list of configuration options available here: https://github.com/hakimel/reveal.js#configuration | |
122 | Reveal.initialize({ |
|
126 | Reveal.initialize({ | |
123 | controls: true, |
|
127 | controls: true, | |
124 | progress: true, |
|
128 | progress: true, | |
125 | history: true, |
|
129 | history: true, | |
126 |
|
130 | |||
127 | theme: Reveal.getQueryHash().theme, // available themes are in /css/theme |
|
131 | theme: Reveal.getQueryHash().theme, // available themes are in /css/theme | |
128 | transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/none |
|
132 | transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/none | |
129 |
|
133 | |||
130 | // Optional libraries used to extend on reveal.js |
|
134 | // Optional libraries used to extend on reveal.js | |
131 | dependencies: [ |
|
135 | dependencies: [ | |
132 | { src: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } }, |
|
136 | { src: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } }, | |
133 | { src: "{{resources.reveal.url_prefix}}/plugin/highlight/highlight.js", async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, |
|
137 | { src: "{{resources.reveal.url_prefix}}/plugin/highlight/highlight.js", async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, | |
134 | { src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } } |
|
138 | { src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } } | |
135 | // { src: 'http://s7.addthis.com/js/300/addthis_widget.js', async: true}, |
|
139 | // { src: 'http://s7.addthis.com/js/300/addthis_widget.js', async: true}, | |
136 | ] |
|
140 | ] | |
137 | }); |
|
141 | }); | |
138 | </script> |
|
142 | </script> | |
139 |
|
143 | |||
140 | <!-- MathJax configuration --> |
|
144 | <!-- MathJax configuration --> | |
141 | <script type="text/x-mathjax-config"> |
|
145 | <script type="text/x-mathjax-config"> | |
142 | MathJax.Hub.Config({ |
|
146 | MathJax.Hub.Config({ | |
143 | tex2jax: { |
|
147 | tex2jax: { | |
144 | inlineMath: [ ['$','$'], ["\\(","\\)"] ], |
|
148 | inlineMath: [ ['$','$'], ["\\(","\\)"] ], | |
145 | displayMath: [ ['$$','$$'], ["\\[","\\]"] ] |
|
149 | displayMath: [ ['$$','$$'], ["\\[","\\]"] ] | |
146 | }, |
|
150 | }, | |
147 | displayAlign: 'left', // Change this to 'center' to center equations. |
|
151 | displayAlign: 'left', // Change this to 'center' to center equations. | |
148 | "HTML-CSS": { |
|
152 | "HTML-CSS": { | |
149 | styles: {'.MathJax_Display': {"margin": 0}} |
|
153 | styles: {'.MathJax_Display': {"margin": 0}} | |
150 | } |
|
154 | } | |
151 | }); |
|
155 | }); | |
152 | </script> |
|
156 | </script> | |
153 | <!-- End of mathjax configuration --> |
|
157 | <!-- End of mathjax configuration --> | |
154 |
|
158 | |||
155 | <script> |
|
159 | <script> | |
156 | // We wait for the onload function to load MathJax after the page is completely loaded. |
|
160 | // We wait for the onload function to load MathJax after the page is completely loaded. | |
157 | // MathJax is loaded 1 unit of time after the page is ready. |
|
161 | // MathJax is loaded 1 unit of time after the page is ready. | |
158 | // This hack prevent problems when you load multiple js files (i.e. social button from addthis). |
|
162 | // This hack prevent problems when you load multiple js files (i.e. social button from addthis). | |
159 | // |
|
163 | // | |
160 | window.onload = function () { |
|
164 | window.onload = function () { | |
161 | setTimeout(function () { |
|
165 | setTimeout(function () { | |
162 | var script = document.createElement("script"); |
|
166 | var script = document.createElement("script"); | |
163 | script.type = "text/javascript"; |
|
167 | script.type = "text/javascript"; | |
164 | script.src = "https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"; |
|
168 | script.src = "https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"; | |
165 | document.getElementsByTagName("head")[0].appendChild(script); |
|
169 | document.getElementsByTagName("head")[0].appendChild(script); | |
166 | },1) |
|
170 | },1) | |
167 | } |
|
171 | } | |
168 | </script> |
|
172 | </script> | |
169 |
|
173 | |||
170 | <script> |
|
174 | <script> | |
171 | Reveal.addEventListener( 'slidechanged', function( event ) { |
|
175 | Reveal.addEventListener( 'slidechanged', function( event ) { | |
172 | MathJax.Hub.Rerender(event.currentSlide); |
|
176 | MathJax.Hub.Rerender(event.currentSlide); | |
173 | }); |
|
177 | }); | |
174 | </script> |
|
178 | </script> | |
175 |
|
179 | |||
176 | </body> |
|
180 | </body> | |
177 | {% endblock body %} |
|
181 | {% endblock body %} | |
178 |
|
182 | |||
179 | {% block footer %} |
|
183 | {% block footer %} | |
180 | </html> |
|
184 | </html> | |
181 | {% endblock footer %} |
|
185 | {% endblock footer %} |
General Comments 0
You need to be logged in to leave comments.
Login now