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