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