| <!DOCTYPE html> |
| <html$if(lang)$ lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="generator" content="pandoc"> |
| $for(author-meta)$ |
| <meta name="author" content="$author-meta$" /> |
| $endfor$ |
| $if(date-meta)$ |
| <meta name="dcterms.date" content="$date-meta$" /> |
| $endif$ |
| $if(keywords)$ |
| <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$"> |
| $endif$ |
| <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title> |
| <meta name="apple-mobile-web-app-capable" content="yes"> |
| <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"> |
| <link rel="stylesheet" href="$revealjs-url$/css/reveal.css"/> |
| |
| $if(highlightjs)$ |
| <link rel="stylesheet" |
| href="$highlightjs$/$if(highlightjs-theme)$$highlightjs-theme$$else$default$endif$.css" |
| $if(html5)$$else$type="text/css" $endif$/> |
| <script src="$highlightjs$/highlight.js"></script> |
| $endif$ |
| |
| $if(highlighting-css)$ |
| <style type="text/css"> |
| $highlighting-css$ |
| </style> |
| $endif$ |
| |
| $if(theme)$ |
| <link rel="stylesheet" href="$revealjs-url$/css/theme/$theme$.css" id="theme"> |
| $endif$ |
| |
| $if(theme-dark)$ |
| <style type="text/css"> |
| .reveal section img { |
| background: rgba(255, 255, 255, 0.85); |
| } |
| </style> |
| $endif$ |
| |
| <!-- some tweaks to reveal css --> |
| <style type="text/css"> |
| .reveal h1 { font-size: 2.0em; } |
| .reveal h2 { font-size: 1.5em; } |
| .reveal h3 { font-size: 1.25em; } |
| .reveal h4 { font-size: 1em; } |
| |
| .reveal .slides>section, |
| .reveal .slides>section>section { |
| padding: 0px 0px; |
| } |
| |
| $if(center)$ |
| |
| $else$ |
| .reveal .title { |
| margin-top: 125px; |
| margin-bottom: 50px; |
| } |
| $endif$ |
| |
| .reveal table { |
| border-width: 1px; |
| border-spacing: 2px; |
| border-style: dotted; |
| border-color: gray; |
| border-collapse: collapse; |
| font-size: 0.7em; |
| } |
| |
| .reveal table th { |
| border-width: 1px; |
| padding-left: 10px; |
| padding-right: 25px; |
| font-weight: bold; |
| border-style: dotted; |
| border-color: gray; |
| } |
| |
| .reveal table td { |
| border-width: 1px; |
| padding-left: 10px; |
| padding-right: 25px; |
| border-style: dotted; |
| border-color: gray; |
| } |
| |
| </style> |
| |
| <style type="text/css">code{white-space: pre;}</style> |
| |
| $if(css)$ |
| $for(css)$ |
| <link rel="stylesheet" href="$css$"/> |
| $endfor$ |
| $endif$ |
| <!-- Printing and PDF exports --> |
| <script> |
| var link = document.createElement( 'link' ); |
| link.rel = 'stylesheet'; |
| link.type = 'text/css'; |
| link.href = window.location.search.match( /print-pdf/gi ) ? '$revealjs-url$/css/print/pdf.css' : '$revealjs-url$/css/print/paper.css'; |
| document.getElementsByTagName( 'head' )[0].appendChild( link ); |
| </script> |
| <!--[if lt IE 9]> |
| <script src="$revealjs-url$/lib/js/html5shiv.js"></script> |
| <![endif]--> |
| |
| $for(header-includes)$ |
| $header-includes$ |
| $endfor$ |
| </head> |
| <body> |
| $for(include-before)$ |
| $include-before$ |
| $endfor$ |
| <div class="reveal"> |
| <div class="slides"> |
| |
| $if(title)$ |
| <section> |
| <h1 class="title">$title$</h1> |
| $if(subtitle)$ |
| <h1 class="subtitle">$subtitle$</h1> |
| $endif$ |
| $for(author)$ |
| <h2 class="author">$author$</h2> |
| $endfor$ |
| $if(date)$ |
| <h3 class="date">$date$</h3> |
| $endif$ |
| </section> |
| $endif$ |
| $if(toc)$ |
| <section id="$idprefix$TOC"> |
| $toc$ |
| </section> |
| $endif$ |
| |
| $body$ |
| </div> |
| </div> |
| |
| <script src="$revealjs-url$/lib/js/head.min.js"></script> |
| <script src="$revealjs-url$/js/reveal.js"></script> |
| |
| <script> |
| |
| // Full list of configuration options available at: |
| // https://github.com/hakimel/reveal.js#configuration |
| Reveal.initialize({ |
| $if(controls)$ |
| // Display controls in the bottom right corner |
| controls: $controls$, |
| $endif$ |
| $if(progress)$ |
| // Display a presentation progress bar |
| progress: $progress$, |
| $endif$ |
| $if(slideNumber)$ |
| // Display the page number of the current slide |
| slideNumber: $slideNumber$, |
| $endif$ |
| $if(history)$ |
| // Push each slide change to the browser history |
| history: $history$, |
| $endif$ |
| $if(keyboard)$ |
| // Enable keyboard shortcuts for navigation |
| keyboard: $keyboard$, |
| $endif$ |
| $if(overview)$ |
| // Enable the slide overview mode |
| overview: $overview$, |
| $endif$ |
| $if(center)$ |
| // Vertical centering of slides |
| center: $center$, |
| $endif$ |
| $if(touch)$ |
| // Enables touch navigation on devices with touch input |
| touch: $touch$, |
| $endif$ |
| $if(loop)$ |
| // Loop the presentation |
| loop: $loop$, |
| $endif$ |
| $if(rtl)$ |
| // Change the presentation direction to be RTL |
| rtl: $rtl$, |
| $endif$ |
| $if(fragments)$ |
| // Turns fragments on and off globally |
| fragments: $fragments$, |
| $endif$ |
| $if(embedded)$ |
| // Flags if the presentation is running in an embedded mode, |
| // i.e. contained within a limited portion of the screen |
| embedded: $embedded$, |
| $endif$ |
| $if(help)$ |
| // Flags if we should show a help overlay when the questionmark |
| // key is pressed |
| help: $help$, |
| $endif$ |
| $if(autoSlide)$ |
| // Number of milliseconds between automatically proceeding to the |
| // next slide, disabled when set to 0, this value can be overwritten |
| // by using a data-autoslide attribute on your slides |
| autoSlide: $autoSlide$, |
| $endif$ |
| $if(autoSlideStoppable)$ |
| // Stop auto-sliding after user input |
| autoSlideStoppable: $autoSlideStoppable$, |
| $endif$ |
| $if(mouseWheel)$ |
| // Enable slide navigation via mouse wheel |
| mouseWheel: $mouseWheel$, |
| $endif$ |
| $if(hideAddressBar)$ |
| // Hides the address bar on mobile devices |
| hideAddressBar: $hideAddressBar$, |
| $endif$ |
| $if(previewLinks)$ |
| // Opens links in an iframe preview overlay |
| previewLinks: $previewLinks$, |
| $endif$ |
| $if(transition)$ |
| // Transition style |
| transition: '$transition$', // none/fade/slide/convex/concave/zoom |
| $endif$ |
| $if(transitionSpeed)$ |
| // Transition speed |
| transitionSpeed: '$transitionSpeed$', // default/fast/slow |
| $endif$ |
| $if(backgroundTransition)$ |
| // Transition style for full page slide backgrounds |
| backgroundTransition: '$backgroundTransition$', // none/fade/slide/convex/concave/zoom |
| $endif$ |
| $if(viewDistance)$ |
| // Number of slides away from the current that are visible |
| viewDistance: $viewDistance$, |
| $endif$ |
| $if(parallaxBackgroundImage)$ |
| // Parallax background image |
| parallaxBackgroundImage: '$parallaxBackgroundImage$', // e.g. "'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'" |
| $endif$ |
| $if(parallaxBackgroundSize)$ |
| // Parallax background size |
| parallaxBackgroundSize: '$parallaxBackgroundSize$', // CSS syntax, e.g. "2100px 900px" |
| $endif$ |
| $if(parallaxBackgroundHorizontal)$ |
| // Amount to move parallax background (horizontal and vertical) on slide change |
| // Number, e.g. 100 |
| parallaxBackgroundHorizontal: '$parallaxBackgroundHorizontal$', |
| $endif$ |
| $if(parallaxBackgroundVertical)$ |
| parallaxBackgroundVertical: '$parallaxBackgroundVertical$', |
| $endif$ |
| $if(width)$ |
| // The "normal" size of the presentation, aspect ratio will be preserved |
| // when the presentation is scaled to fit different resolutions. Can be |
| // specified using percentage units. |
| width: $width$, |
| $endif$ |
| $if(height)$ |
| height: $height$, |
| $endif$ |
| $if(margin)$ |
| // Factor of the display size that should remain empty around the content |
| margin: $margin$, |
| $endif$ |
| $if(minScale)$ |
| // Bounds for smallest/largest possible scale to apply to content |
| minScale: $minScale$, |
| $endif$ |
| $if(maxScale)$ |
| maxScale: $maxScale$, |
| $endif$ |
| |
| // Optional reveal.js plugins |
| dependencies: [ |
| $if(plugin-notes)$ |
| { src: '$revealjs-url$/plugin/notes/notes.js', async: true }, |
| $endif$ |
| $if(plugin-search)$ |
| { src: '$revealjs-url$/plugin/search/search.js', async: true }, |
| $endif$ |
| $if(plugin-zoom)$ |
| { src: '$revealjs-url$/plugin/zoom-js/zoom.js', async: true }, |
| $endif$ |
| ] |
| }); |
| </script> |
| $if(mathjax-url)$ |
| <!-- dynamically load mathjax for compatibility with self-contained --> |
| <script> |
| (function () { |
| var script = document.createElement("script"); |
| script.type = "text/javascript"; |
| script.src = "$mathjax-url$"; |
| document.getElementsByTagName("head")[0].appendChild(script); |
| })(); |
| </script> |
| $endif$ |
| |
| <script> |
| (function() { |
| if (window.jQuery) { |
| Reveal.addEventListener( 'slidechanged', function(event) { |
| window.jQuery(event.previousSlide).trigger('hidden'); |
| window.jQuery(event.currentSlide).trigger('shown'); |
| }); |
| } |
| })(); |
| </script> |
| |
| $for(include-after)$ |
| $include-after$ |
| $endfor$ |
| |
| </body> |
| </html> |