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