blob: 49bd060aeea525644c4ea65a95fcd27883ae7eb5 [file] [log] [blame]
JJ Allaire2ec40242014-09-15 09:18:39 -04001<!DOCTYPE html>
JJ Allaire40fec332016-01-30 16:54:51 -05002<html$if(lang)$ lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$>
JJ Allaire2ec40242014-09-15 09:18:39 -04003<head>
4 <meta charset="utf-8">
5 <meta name="generator" content="pandoc">
6$for(author-meta)$
7 <meta name="author" content="$author-meta$" />
8$endfor$
9$if(date-meta)$
10 <meta name="dcterms.date" content="$date-meta$" />
11$endif$
JJ Allaire40fec332016-01-30 16:54:51 -050012$if(keywords)$
13 <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
14$endif$
15 <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
16 <meta name="apple-mobile-web-app-capable" content="yes">
17 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
junkka77fbf082015-03-15 22:25:47 +010018 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
JJ Allaire6da1bb62016-01-30 14:28:39 -050019 <link rel="stylesheet" href="$revealjs-url$/css/reveal.css"/>
JJ Allaire2ec40242014-09-15 09:18:39 -040020
Josef Fruehwaldce4224c2015-08-07 11:19:45 +010021$if(highlightjs)$
22<link rel="stylesheet"
23 href="$highlightjs$/$if(highlightjs-theme)$$highlightjs-theme$$else$default$endif$.css"
24 $if(html5)$$else$type="text/css" $endif$/>
25<script src="$highlightjs$/highlight.js"></script>
26$endif$
27
28$if(highlighting-css)$
29<style type="text/css">
30$highlighting-css$
31</style>
32$endif$
33
34$if(theme)$
35<link rel="stylesheet" href="$revealjs-url$/css/theme/$theme$.css" id="theme">
36$endif$
37
38$if(theme-dark)$
39<style type="text/css">
40.reveal section img {
41 background: rgba(255, 255, 255, 0.85);
42}
43</style>
44$endif$
45
JJ Allaire2ec40242014-09-15 09:18:39 -040046 <!-- some tweaks to reveal css -->
47 <style type="text/css">
48 .reveal h1 { font-size: 2.0em; }
49 .reveal h2 { font-size: 1.5em; }
50 .reveal h3 { font-size: 1.25em; }
51 .reveal h4 { font-size: 1em; }
52
53 .reveal .slides>section,
54 .reveal .slides>section>section {
55 padding: 0px 0px;
56 }
57
58$if(center)$
59
60$else$
61 .reveal .title {
62 margin-top: 125px;
63 margin-bottom: 50px;
64 }
65$endif$
66
67 .reveal table {
68 border-width: 1px;
69 border-spacing: 2px;
70 border-style: dotted;
71 border-color: gray;
72 border-collapse: collapse;
73 font-size: 0.7em;
74 }
75
76 .reveal table th {
77 border-width: 1px;
78 padding-left: 10px;
79 padding-right: 25px;
80 font-weight: bold;
81 border-style: dotted;
82 border-color: gray;
83 }
84
85 .reveal table td {
86 border-width: 1px;
87 padding-left: 10px;
88 padding-right: 25px;
89 border-style: dotted;
90 border-color: gray;
91 }
92
93 </style>
94
95 <style type="text/css">code{white-space: pre;}</style>
96
JJ Allaire2ec40242014-09-15 09:18:39 -040097$if(css)$
98$for(css)$
99 <link rel="stylesheet" href="$css$"/>
100$endfor$
101$endif$
junkka77fbf082015-03-15 22:25:47 +0100102 <!-- Printing and PDF exports -->
JJ Allaire2ec40242014-09-15 09:18:39 -0400103 <script>
junkka77fbf082015-03-15 22:25:47 +0100104 var link = document.createElement( 'link' );
105 link.rel = 'stylesheet';
106 link.type = 'text/css';
Greg Blomquistab7a4aa2015-05-31 21:34:51 -0500107 link.href = window.location.search.match( /print-pdf/gi ) ? '$revealjs-url$/css/print/pdf.css' : '$revealjs-url$/css/print/paper.css';
junkka77fbf082015-03-15 22:25:47 +0100108 document.getElementsByTagName( 'head' )[0].appendChild( link );
JJ Allaire2ec40242014-09-15 09:18:39 -0400109 </script>
110 <!--[if lt IE 9]>
111 <script src="$revealjs-url$/lib/js/html5shiv.js"></script>
112 <![endif]-->
113
114$for(header-includes)$
115 $header-includes$
116$endfor$
117</head>
118<body>
119$for(include-before)$
120$include-before$
121$endfor$
122 <div class="reveal">
123 <div class="slides">
124
125$if(title)$
126<section>
127 <h1 class="title">$title$</h1>
128$if(subtitle)$
129 <h1 class="subtitle">$subtitle$</h1>
130$endif$
131$for(author)$
132 <h2 class="author">$author$</h2>
133$endfor$
JJ Allaire40fec332016-01-30 16:54:51 -0500134$if(date)$
JJ Allaire2ec40242014-09-15 09:18:39 -0400135 <h3 class="date">$date$</h3>
JJ Allaire40fec332016-01-30 16:54:51 -0500136$endif$
JJ Allaire2ec40242014-09-15 09:18:39 -0400137</section>
138$endif$
139$if(toc)$
140<section id="$idprefix$TOC">
141$toc$
142</section>
143$endif$
144
145$body$
146 </div>
147 </div>
JJ Allaire2ec40242014-09-15 09:18:39 -0400148
149 <script src="$revealjs-url$/lib/js/head.min.js"></script>
JJ Allaire6da1bb62016-01-30 14:28:39 -0500150 <script src="$revealjs-url$/js/reveal.js"></script>
JJ Allaire2ec40242014-09-15 09:18:39 -0400151
152 <script>
153
JJ Allaire40fec332016-01-30 16:54:51 -0500154 // Full list of configuration options available at:
JJ Allaire2ec40242014-09-15 09:18:39 -0400155 // https://github.com/hakimel/reveal.js#configuration
156 Reveal.initialize({
JJ Allaire40fec332016-01-30 16:54:51 -0500157$if(controls)$
158 // Display controls in the bottom right corner
159 controls: $controls$,
160$endif$
161$if(progress)$
162 // Display a presentation progress bar
163 progress: $progress$,
164$endif$
165$if(slideNumber)$
166 // Display the page number of the current slide
167 slideNumber: $slideNumber$,
168$endif$
169$if(history)$
170 // Push each slide change to the browser history
171 history: $history$,
172$endif$
173$if(keyboard)$
174 // Enable keyboard shortcuts for navigation
175 keyboard: $keyboard$,
176$endif$
177$if(overview)$
178 // Enable the slide overview mode
179 overview: $overview$,
180$endif$
181$if(center)$
182 // Vertical centering of slides
183 center: $center$,
184$endif$
185$if(touch)$
186 // Enables touch navigation on devices with touch input
187 touch: $touch$,
188$endif$
189$if(loop)$
190 // Loop the presentation
191 loop: $loop$,
192$endif$
193$if(rtl)$
194 // Change the presentation direction to be RTL
195 rtl: $rtl$,
196$endif$
197$if(fragments)$
198 // Turns fragments on and off globally
199 fragments: $fragments$,
200$endif$
201$if(embedded)$
202 // Flags if the presentation is running in an embedded mode,
203 // i.e. contained within a limited portion of the screen
204 embedded: $embedded$,
205$endif$
206$if(help)$
207 // Flags if we should show a help overlay when the questionmark
208 // key is pressed
209 help: $help$,
210$endif$
211$if(autoSlide)$
212 // Number of milliseconds between automatically proceeding to the
213 // next slide, disabled when set to 0, this value can be overwritten
214 // by using a data-autoslide attribute on your slides
215 autoSlide: $autoSlide$,
216$endif$
217$if(autoSlideStoppable)$
218 // Stop auto-sliding after user input
219 autoSlideStoppable: $autoSlideStoppable$,
220$endif$
221$if(mouseWheel)$
222 // Enable slide navigation via mouse wheel
223 mouseWheel: $mouseWheel$,
224$endif$
225$if(hideAddressBar)$
226 // Hides the address bar on mobile devices
227 hideAddressBar: $hideAddressBar$,
228$endif$
229$if(previewLinks)$
230 // Opens links in an iframe preview overlay
231 previewLinks: $previewLinks$,
232$endif$
233$if(transition)$
234 // Transition style
235 transition: '$transition$', // none/fade/slide/convex/concave/zoom
236$endif$
237$if(transitionSpeed)$
238 // Transition speed
239 transitionSpeed: '$transitionSpeed$', // default/fast/slow
240$endif$
241$if(backgroundTransition)$
242 // Transition style for full page slide backgrounds
243 backgroundTransition: '$backgroundTransition$', // none/fade/slide/convex/concave/zoom
244$endif$
245$if(viewDistance)$
246 // Number of slides away from the current that are visible
247 viewDistance: $viewDistance$,
248$endif$
249$if(parallaxBackgroundImage)$
250 // Parallax background image
251 parallaxBackgroundImage: '$parallaxBackgroundImage$', // e.g. "'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'"
252$endif$
253$if(parallaxBackgroundSize)$
254 // Parallax background size
255 parallaxBackgroundSize: '$parallaxBackgroundSize$', // CSS syntax, e.g. "2100px 900px"
256$endif$
257$if(parallaxBackgroundHorizontal)$
258 // Amount to move parallax background (horizontal and vertical) on slide change
259 // Number, e.g. 100
260 parallaxBackgroundHorizontal: '$parallaxBackgroundHorizontal$',
261$endif$
262$if(parallaxBackgroundVertical)$
263 parallaxBackgroundVertical: '$parallaxBackgroundVertical$',
264$endif$
265$if(width)$
266 // The "normal" size of the presentation, aspect ratio will be preserved
267 // when the presentation is scaled to fit different resolutions. Can be
268 // specified using percentage units.
269 width: $width$,
270$endif$
271$if(height)$
272 height: $height$,
273$endif$
274$if(margin)$
275 // Factor of the display size that should remain empty around the content
276 margin: $margin$,
277$endif$
278$if(minScale)$
279 // Bounds for smallest/largest possible scale to apply to content
280 minScale: $minScale$,
281$endif$
282$if(maxScale)$
283 maxScale: $maxScale$,
284$endif$
JJ Allaire2ec40242014-09-15 09:18:39 -0400285
JJ Allaire40fec332016-01-30 16:54:51 -0500286 // Optional reveal.js plugins
JJ Allaire82a8dee2016-07-12 10:25:36 -0400287 dependencies: [
288$if(plugin-notes)$
289 { src: '$revealjs-url$/plugin/notes/notes.js', async: true },
290$endif$
291$if(plugin-search)$
292 { src: '$revealjs-url$/plugin/search/search.js', async: true },
293$endif$
294$if(plugin-zoom)$
295 { src: '$revealjs-url$/plugin/zoom-js/zoom.js', async: true },
296$endif$
297 ]
JJ Allaire40fec332016-01-30 16:54:51 -0500298 });
299 </script>
JJ Allaire2ec40242014-09-15 09:18:39 -0400300$if(mathjax-url)$
301 <!-- dynamically load mathjax for compatibility with self-contained -->
302 <script>
303 (function () {
304 var script = document.createElement("script");
305 script.type = "text/javascript";
306 script.src = "$mathjax-url$";
307 document.getElementsByTagName("head")[0].appendChild(script);
308 })();
309 </script>
310$endif$
311
JJ Allairea4854c02016-01-20 15:28:13 -0500312<script>
313 (function() {
314 if (window.jQuery) {
315 Reveal.addEventListener( 'slidechanged', function(event) {
316 window.jQuery(event.previousSlide).trigger('hidden');
317 window.jQuery(event.currentSlide).trigger('shown');
318 });
319 }
320 })();
321</script>
322
JJ Allaire40fec332016-01-30 16:54:51 -0500323$for(include-after)$
324$include-after$
325$endfor$
326
JJ Allaire2ec40242014-09-15 09:18:39 -0400327 </body>
328</html>