##// END OF EJS Templates
Merge pull request #4590 from damianavila/fontawesome...
Matthias Bussonnier -
r13727:ea2c13e1 merge
parent child Browse files
Show More
@@ -1,176 +1,184 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 <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 -->
34 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
35
33 {% for css in resources.inlining.css -%}
36 {% for css in resources.inlining.css -%}
34 <style type="text/css">
37 <style type="text/css">
35 {{ css }}
38 {{ css }}
36 </style>
39 </style>
37 {% endfor %}
40 {% endfor %}
38
41
39 <style type="text/css">
42 <style type="text/css">
40 /* Overrides of notebook CSS for static HTML export */
43 /* Overrides of notebook CSS for static HTML export */
41 html {
44 html {
42 overflow-y: auto;
45 overflow-y: auto;
43 }
46 }
44 .reveal {
47 .reveal {
45 font-size: 20px;
48 font-size: 20px;
46 }
49 }
47 .reveal pre {
50 .reveal pre {
48 width: inherit;
51 width: inherit;
49 padding: 0.4em;
52 padding: 0.4em;
50 margin: 0px;
53 margin: 0px;
51 font-family: monospace, sans-serif;
54 font-family: monospace, sans-serif;
52 font-size: 80%;
55 font-size: 80%;
53 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
56 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
54 }
57 }
55 .reveal section img {
58 .reveal section img {
56 border: 0px solid black;
59 border: 0px solid black;
57 box-shadow: 0 0 10px rgba(0, 0, 0, 0);
60 box-shadow: 0 0 10px rgba(0, 0, 0, 0);
58 }
61 }
62 .reveal i {
63 font-style: normal;
64 font-family: FontAwesome;
65 font-size: 2em;
66 }
59 .reveal .slides {
67 .reveal .slides {
60 text-align: left;
68 text-align: left;
61 }
69 }
62 .reveal.fade {
70 .reveal.fade {
63 opacity: 1;
71 opacity: 1;
64 }
72 }
65 .reveal .progress {
73 .reveal .progress {
66 position: static;
74 position: static;
67 }
75 }
68 div.input_area {
76 div.input_area {
69 padding: 0.06em;
77 padding: 0.06em;
70 }
78 }
71 div.code_cell {
79 div.code_cell {
72 background-color: transparent;
80 background-color: transparent;
73 }
81 }
74 div.prompt {
82 div.prompt {
75 width: 11ex;
83 width: 11ex;
76 padding: 0.4em;
84 padding: 0.4em;
77 margin: 0px;
85 margin: 0px;
78 font-family: monospace, sans-serif;
86 font-family: monospace, sans-serif;
79 font-size: 80%;
87 font-size: 80%;
80 text-align: right;
88 text-align: right;
81 }
89 }
82 div.output_area pre {
90 div.output_area pre {
83 font-family: monospace, sans-serif;
91 font-family: monospace, sans-serif;
84 font-size: 80%;
92 font-size: 80%;
85 }
93 }
86 div.output_prompt {
94 div.output_prompt {
87 /* 5px right shift to account for margin in parent container */
95 /* 5px right shift to account for margin in parent container */
88 margin: 5px 5px 0 0;
96 margin: 5px 5px 0 0;
89 }
97 }
90 .rendered_html p {
98 .rendered_html p {
91 text-align: inherit;
99 text-align: inherit;
92 }
100 }
93 </style>
101 </style>
94
102
95 <!-- 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 -->
96 <link rel="stylesheet" href="custom.css">
104 <link rel="stylesheet" href="custom.css">
97
105
98 </head>
106 </head>
99 {% endblock header%}
107 {% endblock header%}
100
108
101
109
102 {% block body %}
110 {% block body %}
103 <body>
111 <body>
104 <div class="reveal">
112 <div class="reveal">
105 <div class="slides">
113 <div class="slides">
106 {{ super() }}
114 {{ super() }}
107 </div>
115 </div>
108 </div>
116 </div>
109
117
110 <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>
111
119
112 <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script>
120 <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script>
113
121
114 <script>
122 <script>
115
123
116 // 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
117 Reveal.initialize({
125 Reveal.initialize({
118 controls: true,
126 controls: true,
119 progress: true,
127 progress: true,
120 history: true,
128 history: true,
121
129
122 theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
130 theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
123 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
124
132
125 // Optional libraries used to extend on reveal.js
133 // Optional libraries used to extend on reveal.js
126 dependencies: [
134 dependencies: [
127 { 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; } },
128 { 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(); } },
129 { 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; } }
130 ]
138 ]
131 });
139 });
132 </script>
140 </script>
133
141
134 <!-- MathJax configuration -->
142 <!-- MathJax configuration -->
135 <script type="text/x-mathjax-config">
143 <script type="text/x-mathjax-config">
136 MathJax.Hub.Config({
144 MathJax.Hub.Config({
137 tex2jax: {
145 tex2jax: {
138 inlineMath: [ ['$','$'], ["\\(","\\)"] ],
146 inlineMath: [ ['$','$'], ["\\(","\\)"] ],
139 displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
147 displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
140 },
148 },
141 displayAlign: 'left', // Change this to 'center' to center equations.
149 displayAlign: 'left', // Change this to 'center' to center equations.
142 "HTML-CSS": {
150 "HTML-CSS": {
143 styles: {'.MathJax_Display': {"margin": 0}}
151 styles: {'.MathJax_Display': {"margin": 0}}
144 }
152 }
145 });
153 });
146 </script>
154 </script>
147 <!-- End of mathjax configuration -->
155 <!-- End of mathjax configuration -->
148
156
149 <script>
157 <script>
150 // 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.
151 // 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.
152 // This hack prevent problems when you load multiple js files.
160 // This hack prevent problems when you load multiple js files.
153
161
154 window.onload = function () {
162 window.onload = function () {
155 setTimeout(function () {
163 setTimeout(function () {
156 var script = document.createElement("script");
164 var script = document.createElement("script");
157 script.type = "text/javascript";
165 script.type = "text/javascript";
158 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";
159 document.getElementsByTagName("head")[0].appendChild(script);
167 document.getElementsByTagName("head")[0].appendChild(script);
160 },1)
168 },1)
161 }
169 }
162 </script>
170 </script>
163
171
164 <script>
172 <script>
165 Reveal.addEventListener( 'slidechanged', function( event ) {
173 Reveal.addEventListener( 'slidechanged', function( event ) {
166 window.scrollTo(0,0);
174 window.scrollTo(0,0);
167 MathJax.Hub.Rerender(event.currentSlide);
175 MathJax.Hub.Rerender(event.currentSlide);
168 });
176 });
169 </script>
177 </script>
170
178
171 </body>
179 </body>
172 {% endblock body %}
180 {% endblock body %}
173
181
174 {% block footer %}
182 {% block footer %}
175 </html>
183 </html>
176 {% 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