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