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