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