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