214 lines
5.2 KiB
HTML
214 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
||
<html$if(lang)$ lang="$lang$" xml:lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$>
|
||
<head>
|
||
<title>$if(title-prefix)$$title-prefix$ - $endif$$pagetitle$</title>
|
||
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||
<meta name="generator" content="pandoc" />
|
||
|
||
|
||
|
||
$if(date-meta)$
|
||
<meta name="date" content="$date-meta$" />
|
||
$endif$
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
|
||
<base target="_blank">
|
||
|
||
<script type="text/javascript">
|
||
var SLIDE_CONFIG = {
|
||
// Slide settings
|
||
settings: {
|
||
$if(title)$
|
||
title: '$title$',
|
||
$endif$
|
||
$if(subtitle)$
|
||
subtitle: '$subtitle$',
|
||
$endif$
|
||
useBuilds: true,
|
||
usePrettify: true,
|
||
enableSlideAreas: true,
|
||
enableTouch: true,
|
||
$if(analytics)$
|
||
analytics: '$analytics$',
|
||
$endif$
|
||
$if(logo)$
|
||
favIcon: '$logo$',
|
||
$endif$
|
||
},
|
||
|
||
// Author information
|
||
presenters: [
|
||
$for(author)$
|
||
{
|
||
name: $if(author.name)$ '$author.name$' $else$ '$author$' $endif$,
|
||
company: '$author.company$',
|
||
gplus: '$author.gplus$',
|
||
twitter: '$author.twitter$',
|
||
www: '$author.www$',
|
||
github: '$author.github$'
|
||
},
|
||
$endfor$
|
||
]
|
||
};
|
||
</script>
|
||
|
||
$for(header-includes)$
|
||
$header-includes$
|
||
$endfor$
|
||
|
||
<style type="text/css">
|
||
|
||
b, strong {
|
||
font-weight: bold;
|
||
}
|
||
|
||
em {
|
||
font-style: italic;
|
||
}
|
||
|
||
summary {
|
||
display: list-item;
|
||
}
|
||
|
||
details > summary > p:only-child {
|
||
display: inline;
|
||
}
|
||
|
||
slides > slide {
|
||
-webkit-transition: all $transition$s ease-in-out;
|
||
-moz-transition: all $transition$s ease-in-out;
|
||
-o-transition: all $transition$s ease-in-out;
|
||
transition: all $transition$s ease-in-out;
|
||
}
|
||
|
||
.auto-fadein {
|
||
-webkit-transition: opacity 0.6s ease-in;
|
||
-webkit-transition-delay: $transition$s;
|
||
-moz-transition: opacity 0.6s ease-in $transition$s;
|
||
-o-transition: opacity 0.6s ease-in $transition$s;
|
||
transition: opacity 0.6s ease-in $transition$s;
|
||
opacity: 0;
|
||
}
|
||
/* https://github.com/ropensci/plotly/pull/524#issuecomment-468142578 */
|
||
slide:not(.current) .plotly.html-widget{
|
||
display: block;
|
||
}
|
||
|
||
code{white-space: pre-wrap;}
|
||
span.smallcaps{font-variant: small-caps;}
|
||
span.underline{text-decoration: underline;}
|
||
div.column{display: inline-block; vertical-align: top; width: 50%;}
|
||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||
ul.task-list{list-style: none;}
|
||
$if(quotes)$
|
||
q { quotes: "“" "”" "‘" "’"; }
|
||
$endif$
|
||
$if(highlighting-css)$
|
||
$highlighting-css$
|
||
$endif$
|
||
$if(displaymath-css)$
|
||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||
$endif$
|
||
|
||
$if(logo)$
|
||
slides > slide:not(.nobackground):before {
|
||
font-size: 12pt;
|
||
content: "";
|
||
position: absolute;
|
||
bottom: 20px;
|
||
left: 60px;
|
||
background: url($logo$) no-repeat 0 50%;
|
||
-webkit-background-size: 30px 30px;
|
||
-moz-background-size: 30px 30px;
|
||
-o-background-size: 30px 30px;
|
||
background-size: 30px 30px;
|
||
padding-left: 40px;
|
||
height: 30px;
|
||
line-height: 1.9;
|
||
}
|
||
$endif$
|
||
</style>
|
||
|
||
$for(css)$
|
||
<link rel="stylesheet" href="$css$" $if(html5)$$else$type="text/css" $endif$/>
|
||
$endfor$
|
||
|
||
</head>
|
||
|
||
<body style="opacity: 0">
|
||
|
||
$if(widescreen)$
|
||
<slides class="layout-widescreen">
|
||
$else$
|
||
<slides>
|
||
$endif$
|
||
|
||
$if(include-before)$
|
||
$for(include-before)$
|
||
$include-before$
|
||
$endfor$
|
||
$else$
|
||
<slide class="title-slide segue nobackground">
|
||
$if(logo)$
|
||
<aside class="gdbar"><img src="$logo$"></aside>
|
||
$endif$
|
||
<!-- The content of this hgroup is replaced programmatically through the slide_config.json. -->
|
||
<hgroup class="auto-fadein">
|
||
<h1 data-config-title><!-- populated from slide_config.json --></h1>
|
||
$if(subtitle)$<h2 data-config-subtitle><!-- populated from slide_config.json --></h2>$endif$
|
||
<p data-config-presenter><!-- populated from slide_config.json --></p>
|
||
$if(date)$
|
||
<p style="margin-top: 6px; margin-left: -2px;">$date$</p>
|
||
$endif$
|
||
</hgroup>
|
||
</slide>
|
||
$endif$
|
||
|
||
RENDERED_SLIDES
|
||
|
||
$for(include-after)$
|
||
$include-after$
|
||
$endfor$
|
||
|
||
<slide class="backdrop"></slide>
|
||
|
||
</slides>
|
||
|
||
$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$
|
||
|
||
<!-- map slide visiblity events into shiny -->
|
||
<script>
|
||
(function() {
|
||
if (window.jQuery) {
|
||
window.jQuery(document).on('slideleave', function(e) {
|
||
window.jQuery(e.target).trigger('hidden');
|
||
});
|
||
window.jQuery(document).on('slideenter', function(e) {
|
||
window.jQuery(e.target).trigger('shown');
|
||
});
|
||
}
|
||
if (window.Shiny) {
|
||
// Initialize slides when this script appears on the page, since it
|
||
// indicates that the <slides> markup has been fully loaded.
|
||
window.loadDeck();
|
||
}
|
||
})();
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|