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