3268 lines
429 KiB
HTML
3268 lines
429 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html>
|
||
|
<head>
|
||
|
<title>Presentation</title>
|
||
|
|
||
|
<meta charset="utf-8">
|
||
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||
|
<meta name="generator" content="pandoc" />
|
||
|
|
||
|
|
||
|
|
||
|
<meta name="date" content="2022-09-22" />
|
||
|
|
||
|
<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: {
|
||
|
title: 'Presentation',
|
||
|
useBuilds: true,
|
||
|
usePrettify: true,
|
||
|
enableSlideAreas: true,
|
||
|
enableTouch: true,
|
||
|
},
|
||
|
|
||
|
// Author information
|
||
|
presenters: [
|
||
|
{
|
||
|
name: 'AGDamsbo' ,
|
||
|
company: '',
|
||
|
gplus: '',
|
||
|
twitter: '',
|
||
|
www: '',
|
||
|
github: ''
|
||
|
},
|
||
|
]
|
||
|
};
|
||
|
</script>
|
||
|
|
||
|
<script>// Pandoc 2.9 adds attributes on both header and div. We remove the former (to
|
||
|
// be compatible with the behavior of Pandoc < 2.8).
|
||
|
document.addEventListener('DOMContentLoaded', function(e) {
|
||
|
var hs = document.querySelectorAll("div.section[class*='level'] > :first-child");
|
||
|
var i, h, a;
|
||
|
for (i = 0; i < hs.length; i++) {
|
||
|
h = hs[i];
|
||
|
if (!/^h[1-6]$/i.test(h.tagName)) continue; // it should be a header h1-h6
|
||
|
a = h.attributes;
|
||
|
while (a.length > 0) h.removeAttribute(a[0].name);
|
||
|
}
|
||
|
});
|
||
|
</script>
|
||
|
<style type="text/css">@font-face {
|
||
|
font-family: 'Open Sans';
|
||
|
font-style: normal;
|
||
|
font-weight: 400;
|
||
|
src: url(data:font/ttf;base64,AAEAAAAQAQAABAAARkZUTVyseR0AAI5wAAAAHE9TLzKhPb8OAAABiAAAAGBjbWFwjOjcmQAABUAAAAGyY3Z0IA9NGKQAAA+0AAAAomZwZ21+YbYRAAAG9AAAB7RnYXNwABUAIwAAjmAAAAAQZ2x5ZqzBrbUAABIIAABRVGhlYWT5NhTaAAABDAAAADZoaGVhDrcE+gAAAUQAAAAkaG10eJh3VwIAAAHoAAADWGtlcm4Mlg8JAABjXAAAIwRsb2NhdpdjTAAAEFgAAAGubWF4cAJdAUoAAAFoAAAAIG5hbWXeiHLCAACGYAAABglwb3N0gnjp1QAAjGwAAAHycHJlcEO3lqQAAA6oAAABCQABAAAAARmaMibrIV8PPPUAHwgAAAAAAMnt2GAAAAAAye3YYP55/hAHrgdzAAAACAACAAAAAAAAAAEAAAiN/agAAAgA/nn+eweuAAEAAAAAAAAAAAAAAAAAAADWAAEAAADWAEIABQA9AAQAAgAQAC8AXAAAAQ4AmQADAAEAAwROAZAABQAIBZoFMwAAAR8FmgUzAAAD0QBmAfEIAgILBgYDBQQCAgTgAALvQAAgWwAAACgAAAAAMUFTQwBAACAgrAYf/hQAhAiNAlggAAGfAAAAAARIBbYAAAAgAAEIAAAAAAAAAAQUAAACFAAAAiMAmAM1AIUFKwAzBJMAgwaWAGgF1wBxAcUAhQJeAFICXgA9BGoAVgSTAGgB9gA/ApMAVAIhAJgC8AAUBJMAZgSTALwEkwBkBJMAXgSTACsEkwCFBJMAdQSTAF4EkwBoBJMAagIhAJgCIQA/BJMAaASTAHcEkwBoA28AGwcxAHkFEAAABS8AyQUMAH0F1QDJBHMAyQQhAMkF0wB9BecAyQI7AMkCI/9gBOkAyQQnAMkHOQDJBggAyQY7AH0E0QDJBjsAfQTyAMkEZABqBG0AEgXTALoEwwAAB2gAGwSeAAgEewAABJEAUgKiAKYC8AAXAqIAMwRWADEDlv/8BJ4BiQRzAF4E5wCwA88AcwTnAHMEfQBzArYAHQRiACcE6QCwAgYAogIG/5EEMwCwAgYAsAdxALAE6QCwBNUAcwTnALAE5wBzA0QAsAPRAGoC0wAfBOkApAQCAAAGOQAXBDEAJwQIAAIDvgBSAwgAPQRoAe4DCABIBJMAaAIUAAACIwCYBJMAvgSTAD8EkwB7BJMAHwRoAe4EIQB7BJ4BNQaoAGQC1QBGA/oAUgSTAGgCkwBUBqgAZAQA//oDbQB/BJMAaALHADECxwAhBJ4BiQT0ALAFPQBxAiEAmAHRACUCxwBMAwAAQgP6AFAGPQBLBj0ALgY9ABoDbwAzBRAAAAUQAAAFEAAABRAAAAUQAAAFEAAABvz//gUMAH0EcwDJBHMAyQRzAMkEcwDJAjsABQI7ALMCO//HAjsABQXHAC8GCADJBjsAfQY7AH0GOwB9BjsAfQY7AH0EkwCFBjsAfQXTALoF0wC6BdMAugXTALoEewAABOMAyQT6ALAEcwBeBHMAXgRzAF4EcwBeBHMAXgRzAF4G3QBeA88AcwR9AHMEfQBzBH0AcwR9AHMCBv/aAgYAqQIG/7MCBv/sBMUAcQTpALAE1QBzBNUAcwTVAHME1QBzBNUAcwSTAGgE1QBzBOkApATpAKQE6QCkBOkApAQIAAIE5wCwBAgAAgIGALAHYgB9B4kAcQS8AQwEngFvBLwBCAQAAFIIAABSAVwAGQFcABkB9gA/As0AGQLNABkDPQAZAwIApAJvAFICbwBQAQr+eQLHABQEuAA/AAAAAwAAAAMAAAAcAAEAAAAAAKwAAwABAAAAHAAEAJAAAAAgACAABAAAAH4A/wExAVMCxgLaAtwgFCAaIB4gIiA6IEQgdCCs//8AAAAgAKABMQFSAsYC2gLcIBMgGCAcICIgOSBEIHQgrP///+P/wv+R/3H9//3s/evgteCy4LHgruCY4I/gYOApAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAACAAAAAAAAAAAAAAAAAAAAAQAAAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSElKS0xNTk9QUVJTVFVWV1hZWltcXV5fYGEAhoeJi5OYnqOipKalp6mrqqytr66wsbO1tLa4t7y7vb4AcmRladB4oXBrAHZqAIiaAHMAAGd3AAAAAABsfACouoFjbgAAAABtfQBigoWXw8TIyc3Oysu5AMEA09XR0gAAAHnMzwCEjIONio+QkY6VlgCUnJ2bwsXHcQAAxnoAAAAAAEBHW1pZWFVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTEwLy4tLCgnJiUkIyIhHxgUERAPDg0LCgkIBwYFBAMCAQAsILABYEWwAyUgEUZhI0UjYUgtLCBFGGhELSxFI0ZgsCBhILBGYLAEJiNISC0sRSNGI2GwIGAgsCZhsCBhsAQmI0hILSxFI0ZgsEBhILBmYLAEJiNISC0sRSNGI2GwQGAgsCZhsEBhsAQmI0hILSwBECA8ADwtLCBFIyCwzUQjILgBWlFYIyCwjUQjWSCw7VFYIyCwTUQjWSCwBCZRWCMgsA1EI1khIS0sICBFGGhEILABYCBFsEZ2aIpFYEQtLAGxCwpDI0NlCi0sALEKC0MjQwstLACwKCNwsQEoPgGwKCNwsQIoRTqxAgAIDS0sIEWwAyVFYWSwUFFYRUQbISFZLSxJsA4jRC0sIEWwAENgRC0sAbAGQ7AHQ2UKLSwgabBAYbAAiyCxLMCKjLgQAGJgKwxkI2RhXFiwA2FZLSyKA0WKioewESuwKSNEsCl65BgtLEVlsCwjREWwKyNELSxLUlhFRBshIVktLEtRWEVEGyEhWS0sAbAFJRAjIIr1ALABYCPt7C0sAbAFJRAjIIr1ALABYSPt7C0sAbAGJRD1AO3sLSywAkOwAVJYISEhISEbRiNGYIqKRiMgRopgimG4/4BiIyAQI4qxDAyKcEVgILAAUFiwAWG4/7qLG7BGjFmwEGBoATpZLSwgRbADJUZSS7ATUVtYsAIlRiBoYbADJbADJT8jITgbIRFZLSwgRbADJUZQWLACJUYgaGGwAyWwAyU/IyE4GyERWS0sALAHQ7AGQwstLCEhDGQjZIu4QABiLSwhsIBRWAxkI2SLuCAAYhuyAEAvK1mwAmAtLCGwwFFYDGQjZIu4FVViG7IAgC8rWbACYC0sDGQjZIu4QABiYCMhLSxLU1iKsAQlSWQjRWmwQIthsIBisCBharAOI0QjELAO9hshI4oSESA5L1ktLEtTWCCwAyVJZGkgsAUmsAYlSWQjYbCAYrAgYWqwDiNEsAQmELAO9ooQsA4jRLAO9rAOI0SwDu0birAEJhESIDkjIDkvL1ktLEUjRWAjRWAjRWAjdmgYsIBiIC0ssEgrLSwgRbAAVFiwQEQgRbBAYUQbISFZLSxFsTAvRSNFYWCwAWBpRC0sS1FYsC8jcLAUI0IbISFZLSxLUVggsAMlRWlTWEQbISFZGyEhWS0sRbAUQ7AAYGOwAWBpRC0ssC9FRC0sRSMgRYpgRC0sRSNFYEQtLEsjUVi5ADP/4LE0IBuzMwA0AFlERC0ssBZDWLADJkWKWGRmsB9gG2SwIGBmIFgbIbBAWbABYVkjWGVZsCkjRCMQsCngGyEhISEhWS0ssAJDVFhLUyNLUVpYOBshIVkbISEhIVktLLAWQ1iwBCVFZLAgYGYgWBshsEBZsAFhI1gbZVmwKSNEsAUlsAglCCBYAhsDWbAEJRCwBSUgRrAEJSNCPLAEJbAHJQiwByUQsAYlIEawBCWwAWAjQjwgWAEbAFmwBCUQsAUlsCngsCkgRWVEsAclELAGJbAp4LAFJbAIJQggWAIbA1mwBSWwAyVDSLAEJbAHJQiwBiWwAyWwAWBDSBshWSEhISEhISEtLAKwBCUgIEawBCUjQrAFJQiwAyVFSCEhISEtL
|
||
|
}
|
||
|
@font-face {
|
||
|
font-family: 'Open Sans';
|
||
|
font-style: normal;
|
||
|
font-weight: 600;
|
||
|
src: url(data:font/ttf;base64,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
|
||
|
}
|
||
|
@font-face {
|
||
|
font-family: 'Open Sans';
|
||
|
font-style: italic;
|
||
|
font-weight: 400;
|
||
|
src: url(data:font/ttf;base64,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
|
||
|
}
|
||
|
@font-face {
|
||
|
font-family: 'Open Sans';
|
||
|
font-style: italic;
|
||
|
font-weight: 600;
|
||
|
src: url(data:font/ttf;base64,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
|
||
|
}
|
||
|
@font-face {
|
||
|
font-family: 'Source Code Pro';
|
||
|
font-style: normal;
|
||
|
font-weight: 400;
|
||
|
src: url(data:font/ttf;base64,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
|
||
|
}
|
||
|
</style>
|
||
|
<style type="text/css">@charset "UTF-8";
|
||
|
|
||
|
html, body, div, span, applet, object, iframe,
|
||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||
|
a, abbr, acronym, address, big, cite, code,
|
||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||
|
small, strike, strong, tt, var,
|
||
|
b, u, i, center,
|
||
|
dl, dt, dd, ol, ul, li,
|
||
|
fieldset, form, label, legend,
|
||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||
|
article, aside, canvas, details, embed,
|
||
|
figure, figcaption, footer, header, hgroup,
|
||
|
menu, nav, output, ruby, section, summary,
|
||
|
time, mark, audio, video {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
border: 0;
|
||
|
font: inherit;
|
||
|
font-size: 100%;
|
||
|
vertical-align: baseline;
|
||
|
}
|
||
|
|
||
|
html {
|
||
|
line-height: 1.2;
|
||
|
}
|
||
|
|
||
|
ul {
|
||
|
list-style: none;
|
||
|
}
|
||
|
|
||
|
table {
|
||
|
border-collapse: collapse;
|
||
|
border-spacing: 0;
|
||
|
}
|
||
|
|
||
|
caption, th, td {
|
||
|
font-weight: normal;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
q, blockquote {
|
||
|
quotes: none;
|
||
|
}
|
||
|
|
||
|
q:before, q:after, blockquote:before, blockquote:after {
|
||
|
content: "";
|
||
|
content: none;
|
||
|
}
|
||
|
|
||
|
a img {
|
||
|
border: none;
|
||
|
}
|
||
|
|
||
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
|
||
|
html {
|
||
|
height: 100%;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
opacity: 0;
|
||
|
height: 100%;
|
||
|
min-height: 740px;
|
||
|
width: 100%;
|
||
|
overflow: hidden;
|
||
|
color: #fff;
|
||
|
-webkit-font-smoothing: antialiased;
|
||
|
-moz-font-smoothing: antialiased;
|
||
|
-ms-font-smoothing: antialiased;
|
||
|
-o-font-smoothing: antialiased;
|
||
|
-webkit-transition: opacity 250ms ease-in;
|
||
|
-webkit-transition-delay: 100ms;
|
||
|
-moz-transition: opacity 250ms ease-in 100ms;
|
||
|
-o-transition: opacity 250ms ease-in 100ms;
|
||
|
transition: opacity 250ms ease-in 100ms;
|
||
|
}
|
||
|
|
||
|
body.loaded {
|
||
|
opacity: 1 !important;
|
||
|
}
|
||
|
|
||
|
input, button {
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
slides > slide[hidden] {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
slides {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
-webkit-transform: translate3d(0, 0, 0);
|
||
|
-moz-transform: translate3d(0, 0, 0);
|
||
|
-ms-transform: translate3d(0, 0, 0);
|
||
|
-o-transform: translate3d(0, 0, 0);
|
||
|
transform: translate3d(0, 0, 0);
|
||
|
-webkit-perspective: 1000;
|
||
|
-moz-perspective: 1000;
|
||
|
-ms-perspective: 1000;
|
||
|
-o-perspective: 1000;
|
||
|
perspective: 1000;
|
||
|
-webkit-transform-style: preserve-3d;
|
||
|
-moz-transform-style: preserve-3d;
|
||
|
-ms-transform-style: preserve-3d;
|
||
|
-o-transform-style: preserve-3d;
|
||
|
transform-style: preserve-3d;
|
||
|
-webkit-transition: opacity 250ms ease-in;
|
||
|
-webkit-transition-delay: 100ms;
|
||
|
-moz-transition: opacity 250ms ease-in 100ms;
|
||
|
-o-transition: opacity 250ms ease-in 100ms;
|
||
|
transition: opacity 250ms ease-in 100ms;
|
||
|
}
|
||
|
|
||
|
slides > slide {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
overflow: hidden;
|
||
|
left: 50%;
|
||
|
top: 50%;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
::selection {
|
||
|
color: white;
|
||
|
background-color: #ffd14d;
|
||
|
text-shadow: none;
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar {
|
||
|
height: 16px;
|
||
|
overflow: visible;
|
||
|
width: 16px;
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar-thumb {
|
||
|
background-color: rgba(0, 0, 0, 0.1);
|
||
|
background-clip: padding-box;
|
||
|
border: solid transparent;
|
||
|
min-height: 28px;
|
||
|
padding: 100px 0 0;
|
||
|
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
|
||
|
-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
|
||
|
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
|
||
|
border-width: 1px 1px 1px 6px;
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar-thumb:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.5);
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar-button {
|
||
|
height: 0;
|
||
|
width: 0;
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar-track {
|
||
|
background-clip: padding-box;
|
||
|
border: solid transparent;
|
||
|
border-width: 0 0 0 4px;
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar-corner {
|
||
|
background: transparent;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
background: black;
|
||
|
}
|
||
|
|
||
|
slides > slide {
|
||
|
font-family: 'Open Sans', Arial, sans-serif;
|
||
|
font-size: 26px;
|
||
|
color: #797979;
|
||
|
width: 900px;
|
||
|
height: 700px;
|
||
|
margin-left: -450px;
|
||
|
margin-top: -350px;
|
||
|
padding: 40px 60px;
|
||
|
-webkit-border-radius: 5px;
|
||
|
-moz-border-radius: 5px;
|
||
|
-ms-border-radius: 5px;
|
||
|
-o-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
-webkit-transition: all 0.6s ease-in-out;
|
||
|
-moz-transition: all 0.6s ease-in-out;
|
||
|
-o-transition: all 0.6s ease-in-out;
|
||
|
transition: all 0.6s ease-in-out;
|
||
|
}
|
||
|
|
||
|
slides > slide.far-past {
|
||
|
}
|
||
|
|
||
|
slides > slide.past {
|
||
|
opacity: 0;
|
||
|
}
|
||
|
|
||
|
slides > slide.current {
|
||
|
display: block;
|
||
|
opacity: 1;
|
||
|
z-index: 1;
|
||
|
}
|
||
|
slides > slide:not(.current) {
|
||
|
z-index: 0;
|
||
|
}
|
||
|
|
||
|
slides > slide.current .auto-fadein {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
slides > slide.current .gdbar {
|
||
|
-webkit-background-size: 100% 100%;
|
||
|
-moz-background-size: 100% 100%;
|
||
|
-o-background-size: 100% 100%;
|
||
|
background-size: 100% 100%;
|
||
|
}
|
||
|
|
||
|
slides > slide.next {
|
||
|
opacity: 0;
|
||
|
pointer-events: none;
|
||
|
}
|
||
|
|
||
|
slides > slide.far-next {
|
||
|
}
|
||
|
|
||
|
slides > slide.dark {
|
||
|
background: #515151 !important;
|
||
|
}
|
||
|
|
||
|
slides > slide:not(.nobackground):after {
|
||
|
font-size: 12pt;
|
||
|
content: attr(data-slide-num) "/" attr(data-total-slides);
|
||
|
position: absolute;
|
||
|
bottom: 20px;
|
||
|
right: 60px;
|
||
|
line-height: 1.9;
|
||
|
}
|
||
|
|
||
|
slides > slide.title-slide:after {
|
||
|
content: '';
|
||
|
position: absolute;
|
||
|
bottom: 40px;
|
||
|
right: 40px;
|
||
|
width: 100%;
|
||
|
height: 60px;
|
||
|
}
|
||
|
|
||
|
slides > slide.backdrop {
|
||
|
z-index: -10;
|
||
|
display: block !important;
|
||
|
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6));
|
||
|
background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background-color: white;
|
||
|
}
|
||
|
|
||
|
slides > slide.backdrop:after, slides > slide.backdrop:before {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
slides > slide > hgroup + article {
|
||
|
margin-top: 45px;
|
||
|
}
|
||
|
|
||
|
slides > slide > hgroup + article.flexbox.vcenter, slides > slide > hgroup + article.flexbox.vleft, slides > slide > hgroup + article.flexbox.vright {
|
||
|
height: 80%;
|
||
|
}
|
||
|
|
||
|
slides > slide > hgroup + article p {
|
||
|
margin-bottom: 1em;
|
||
|
}
|
||
|
|
||
|
slides > slide > article:only-child {
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
slides > slide > article:only-child > iframe {
|
||
|
height: 95%;
|
||
|
}
|
||
|
|
||
|
slides.layout-faux-widescreen > slide {
|
||
|
padding: 40px 160px;
|
||
|
}
|
||
|
|
||
|
slides.layout-widescreen > slide,
|
||
|
slides.layout-faux-widescreen > slide {
|
||
|
margin-left: -550px;
|
||
|
width: 1100px;
|
||
|
}
|
||
|
|
||
|
slides.layout-widescreen > slide.far-past,
|
||
|
slides.layout-faux-widescreen > slide.far-past {
|
||
|
-webkit-transform: translate(-2260px);
|
||
|
-moz-transform: translate(-2260px);
|
||
|
-ms-transform: translate(-2260px);
|
||
|
-o-transform: translate(-2260px);
|
||
|
transform: translate(-2260px);
|
||
|
-webkit-transform: translate3d(-2260px, 0, 0);
|
||
|
-moz-transform: translate3d(-2260px, 0, 0);
|
||
|
-ms-transform: translate3d(-2260px, 0, 0);
|
||
|
-o-transform: translate3d(-2260px, 0, 0);
|
||
|
transform: translate3d(-2260px, 0, 0);
|
||
|
}
|
||
|
|
||
|
slides.layout-widescreen > slide.past,
|
||
|
slides.layout-faux-widescreen > slide.past {
|
||
|
display: block;
|
||
|
opacity: 0;
|
||
|
}
|
||
|
|
||
|
slides.layout-widescreen > slide.current,
|
||
|
slides.layout-faux-widescreen > slide.current {
|
||
|
display: block;
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
slides.layout-widescreen > slide.next,
|
||
|
slides.layout-faux-widescreen > slide.next {
|
||
|
display: block;
|
||
|
opacity: 0;
|
||
|
pointer-events: none;
|
||
|
}
|
||
|
|
||
|
slides.layout-widescreen > slide.far-next,
|
||
|
slides.layout-faux-widescreen > slide.far-next {
|
||
|
-webkit-transform: translate(2260px);
|
||
|
-moz-transform: translate(2260px);
|
||
|
-ms-transform: translate(2260px);
|
||
|
-o-transform: translate(2260px);
|
||
|
transform: translate(2260px);
|
||
|
-webkit-transform: translate3d(2260px, 0, 0);
|
||
|
-moz-transform: translate3d(2260px, 0, 0);
|
||
|
-ms-transform: translate3d(2260px, 0, 0);
|
||
|
-o-transform: translate3d(2260px, 0, 0);
|
||
|
transform: translate3d(2260px, 0, 0);
|
||
|
}
|
||
|
|
||
|
slides.layout-widescreen #prev-slide-area,
|
||
|
slides.layout-faux-widescreen #prev-slide-area {
|
||
|
margin-left: -650px;
|
||
|
}
|
||
|
|
||
|
slides.layout-widescreen #next-slide-area,
|
||
|
slides.layout-faux-widescreen #next-slide-area {
|
||
|
margin-left: 550px;
|
||
|
}
|
||
|
|
||
|
b {
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
color: #2a7cdf;
|
||
|
text-decoration: none;
|
||
|
border-bottom: 1px solid rgba(42, 124, 223, 0.5);
|
||
|
}
|
||
|
|
||
|
a:hover {
|
||
|
color: black !important;
|
||
|
}
|
||
|
|
||
|
h1, h2, h3 {
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
|
||
|
h2 {
|
||
|
font-size: 45px;
|
||
|
line-height: 65px;
|
||
|
letter-spacing: -2px;
|
||
|
color: #515151;
|
||
|
}
|
||
|
|
||
|
h3 {
|
||
|
font-size: 30px;
|
||
|
letter-spacing: -1px;
|
||
|
line-height: 2;
|
||
|
font-weight: inherit;
|
||
|
color: #797979;
|
||
|
}
|
||
|
|
||
|
ol, ul {
|
||
|
margin-left: 1.2em;
|
||
|
margin-bottom: 1em;
|
||
|
position: relative;
|
||
|
}
|
||
|
ol {
|
||
|
margin-left: 1.4em;
|
||
|
}
|
||
|
|
||
|
ol li,
|
||
|
ul li {
|
||
|
margin-bottom: 0.5em;
|
||
|
}
|
||
|
|
||
|
ul li ul {
|
||
|
margin-left: 2em;
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
ul li ul li:before {
|
||
|
content: '-';
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
|
||
|
ul > li:before {
|
||
|
content: '\00B7';
|
||
|
margin-left: -1em;
|
||
|
position: absolute;
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
|
||
|
ul ul,
|
||
|
ol ul {
|
||
|
margin-top: .5em;
|
||
|
}
|
||
|
ol ul,
|
||
|
ol ol {
|
||
|
margin-top: .5em;
|
||
|
}
|
||
|
|
||
|
.highlight-code slide.current pre > * {
|
||
|
opacity: 0.25;
|
||
|
-webkit-transition: opacity 0.5s ease-in;
|
||
|
-moz-transition: opacity 0.5s ease-in;
|
||
|
-o-transition: opacity 0.5s ease-in;
|
||
|
transition: opacity 0.5s ease-in;
|
||
|
}
|
||
|
|
||
|
.highlight-code slide.current b {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
pre {
|
||
|
font-family: 'Source Code Pro', 'Courier New', monospace;
|
||
|
font-size: 20px;
|
||
|
line-height: 28px;
|
||
|
padding: 10px 0 10px 60px;
|
||
|
letter-spacing: -1px;
|
||
|
margin-bottom: 20px;
|
||
|
width: 106%;
|
||
|
left: -60px;
|
||
|
position: relative;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
|
||
|
}
|
||
|
.prettyprint {
|
||
|
background-color: #e6e6e6;
|
||
|
}
|
||
|
|
||
|
pre[data-lang]:after {
|
||
|
content: attr(data-lang);
|
||
|
background-color: darkgrey;
|
||
|
right: 0;
|
||
|
top: 0;
|
||
|
position: absolute;
|
||
|
font-size: 16pt;
|
||
|
color: white;
|
||
|
padding: 2px 25px;
|
||
|
text-transform: uppercase;
|
||
|
}
|
||
|
|
||
|
pre[data-lang="go"] {
|
||
|
color: #333;
|
||
|
}
|
||
|
|
||
|
code {
|
||
|
font-size: 95%;
|
||
|
font-family: 'Source Code Pro', 'Courier New', monospace;
|
||
|
color: black;
|
||
|
}
|
||
|
|
||
|
iframe {
|
||
|
width: 100%;
|
||
|
height: 510px;
|
||
|
background: white;
|
||
|
border: 1px solid #e6e6e6;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
dt {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
button {
|
||
|
display: inline-block;
|
||
|
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #f9f9f9), color-stop(70%, #e3e3e3));
|
||
|
background: -webkit-linear-gradient(#f9f9f9 40%, #e3e3e3 70%);
|
||
|
background: -moz-linear-gradient(#f9f9f9 40%, #e3e3e3 70%);
|
||
|
background: -o-linear-gradient(#f9f9f9 40%, #e3e3e3 70%);
|
||
|
background: linear-gradient(#f9f9f9 40%, #e3e3e3 70%);
|
||
|
border: 1px solid darkgrey;
|
||
|
-webkit-border-radius: 3px;
|
||
|
-moz-border-radius: 3px;
|
||
|
-ms-border-radius: 3px;
|
||
|
-o-border-radius: 3px;
|
||
|
border-radius: 3px;
|
||
|
padding: 5px 8px;
|
||
|
outline: none;
|
||
|
white-space: nowrap;
|
||
|
-webkit-user-select: none;
|
||
|
-moz-user-select: none;
|
||
|
user-select: none;
|
||
|
cursor: pointer;
|
||
|
text-shadow: 1px 1px white;
|
||
|
font-size: 10pt;
|
||
|
}
|
||
|
|
||
|
button:not(:disabled):hover {
|
||
|
border-color: #515151;
|
||
|
}
|
||
|
|
||
|
button:not(:disabled):active {
|
||
|
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #e3e3e3), color-stop(70%, #f9f9f9));
|
||
|
background: -webkit-linear-gradient(#e3e3e3 40%, #f9f9f9 70%);
|
||
|
background: -moz-linear-gradient(#e3e3e3 40%, #f9f9f9 70%);
|
||
|
background: -o-linear-gradient(#e3e3e3 40%, #f9f9f9 70%);
|
||
|
background: linear-gradient(#e3e3e3 40%, #f9f9f9 70%);
|
||
|
}
|
||
|
|
||
|
:disabled {
|
||
|
color: darkgrey;
|
||
|
}
|
||
|
|
||
|
.blue {
|
||
|
color: #4387fd;
|
||
|
}
|
||
|
|
||
|
.blue2 {
|
||
|
color: #3c8ef3;
|
||
|
}
|
||
|
|
||
|
.blue3 {
|
||
|
color: #2a7cdf;
|
||
|
}
|
||
|
|
||
|
.yellow {
|
||
|
color: #ffd14d;
|
||
|
}
|
||
|
|
||
|
.yellow2 {
|
||
|
color: #f9cc46;
|
||
|
}
|
||
|
|
||
|
.yellow3 {
|
||
|
color: #f6c000;
|
||
|
}
|
||
|
|
||
|
.green {
|
||
|
color: #0da861;
|
||
|
}
|
||
|
|
||
|
.green2 {
|
||
|
color: #00a86d;
|
||
|
}
|
||
|
|
||
|
.green3 {
|
||
|
color: #009f5d;
|
||
|
}
|
||
|
|
||
|
.red {
|
||
|
color: #f44a3f;
|
||
|
}
|
||
|
|
||
|
.red2 {
|
||
|
color: #e0543e;
|
||
|
}
|
||
|
|
||
|
.red3 {
|
||
|
color: #d94d3a;
|
||
|
}
|
||
|
|
||
|
.gray {
|
||
|
color: #e6e6e6;
|
||
|
}
|
||
|
|
||
|
.gray2 {
|
||
|
color: darkgrey;
|
||
|
}
|
||
|
|
||
|
.gray3 {
|
||
|
color: #797979;
|
||
|
}
|
||
|
|
||
|
.gray4 {
|
||
|
color: #515151;
|
||
|
}
|
||
|
|
||
|
.white {
|
||
|
color: white !important;
|
||
|
}
|
||
|
|
||
|
.black {
|
||
|
color: black !important;
|
||
|
}
|
||
|
|
||
|
.columns-2 {
|
||
|
-webkit-column-count: 2;
|
||
|
-moz-column-count: 2;
|
||
|
-ms-column-count: 2;
|
||
|
-o-column-count: 2;
|
||
|
column-count: 2;
|
||
|
}
|
||
|
|
||
|
.columns-2 ul, .columns-2 ol {
|
||
|
-webkit-transform: translate3d(0, 0, 0);
|
||
|
}
|
||
|
|
||
|
table.rmdtable {
|
||
|
width: 100%;
|
||
|
border-collapse: -moz-initial;
|
||
|
border-collapse: initial;
|
||
|
border-spacing: 2px;
|
||
|
border-bottom: 1px solid #797979;
|
||
|
}
|
||
|
|
||
|
table.rmdtable tr > td:first-child, table th {
|
||
|
font-weight: 600;
|
||
|
color: #515151;
|
||
|
}
|
||
|
|
||
|
table.rmdtable tr:nth-child(odd) {
|
||
|
background-color: #e6e6e6;
|
||
|
}
|
||
|
|
||
|
table.rmdtable th {
|
||
|
color: white;
|
||
|
font-size: 18px;
|
||
|
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #4387fd), color-stop(80%, #2a7cdf)) no-repeat;
|
||
|
background: -webkit-linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat;
|
||
|
background: -moz-linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat;
|
||
|
background: -o-linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat;
|
||
|
background: linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat;
|
||
|
}
|
||
|
|
||
|
table.rmdtable td, table th {
|
||
|
font-size: 18px;
|
||
|
padding: 1em 0.5em;
|
||
|
}
|
||
|
|
||
|
table.rmdtable td.highlight {
|
||
|
color: #515151;
|
||
|
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #ffd14d), color-stop(80%, #f6c000)) no-repeat;
|
||
|
background: -webkit-linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat;
|
||
|
background: -moz-linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat;
|
||
|
background: -o-linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat;
|
||
|
background: linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat;
|
||
|
}
|
||
|
|
||
|
table.rmdtable.rows {
|
||
|
border-bottom: none;
|
||
|
border-right: 1px solid #797979;
|
||
|
}
|
||
|
|
||
|
q {
|
||
|
font-size: 45px;
|
||
|
line-height: 72px;
|
||
|
}
|
||
|
|
||
|
q:before {
|
||
|
content: '\201C';
|
||
|
position: absolute;
|
||
|
margin-left: -0.5em;
|
||
|
}
|
||
|
|
||
|
q:after {
|
||
|
content: '\201D';
|
||
|
position: absolute;
|
||
|
margin-left: 0.1em;
|
||
|
}
|
||
|
|
||
|
slide.fill {
|
||
|
background-repeat: no-repeat;
|
||
|
-webkit-border-radius: 5px;
|
||
|
-moz-border-radius: 5px;
|
||
|
-ms-border-radius: 5px;
|
||
|
-o-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
-webkit-background-size: cover;
|
||
|
-moz-background-size: cover;
|
||
|
-o-background-size: cover;
|
||
|
background-size: cover;
|
||
|
}
|
||
|
|
||
|
|
||
|
article.smaller p, article.smaller ul, article.smaller ol {
|
||
|
font-size: 20px;
|
||
|
line-height: 24px;
|
||
|
letter-spacing: 0;
|
||
|
}
|
||
|
|
||
|
article.smaller table td, article.smaller table th {
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
article.smaller pre {
|
||
|
font-size: 15px;
|
||
|
line-height: 20px;
|
||
|
letter-spacing: 0;
|
||
|
}
|
||
|
|
||
|
article.smaller q {
|
||
|
font-size: 40px;
|
||
|
line-height: 48px;
|
||
|
}
|
||
|
|
||
|
article.smaller q:before, article.smaller q:after {
|
||
|
font-size: 60px;
|
||
|
}
|
||
|
|
||
|
|
||
|
.build > * {
|
||
|
-webkit-transition: opacity 0.5s ease-in-out;
|
||
|
-webkit-transition-delay: 0.2s;
|
||
|
-moz-transition: opacity 0.5s ease-in-out 0.2s;
|
||
|
-o-transition: opacity 0.5s ease-in-out 0.2s;
|
||
|
transition: opacity 0.5s ease-in-out 0.2s;
|
||
|
}
|
||
|
|
||
|
.build .to-build {
|
||
|
opacity: 0;
|
||
|
}
|
||
|
|
||
|
.build .build-fade {
|
||
|
opacity: 0.3;
|
||
|
}
|
||
|
|
||
|
.build .build-fade:hover {
|
||
|
opacity: 1.0;
|
||
|
}
|
||
|
|
||
|
.popup .next .build .to-build {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
.popup .next .build .build-fade {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
|
||
|
.prettyprint .str,
|
||
|
.prettyprint .atv {
|
||
|
|
||
|
color: #009f5d;
|
||
|
}
|
||
|
|
||
|
.prettyprint .kwd,
|
||
|
.prettyprint .tag {
|
||
|
|
||
|
color: #0066cc;
|
||
|
}
|
||
|
|
||
|
.prettyprint .com {
|
||
|
|
||
|
color: #797979;
|
||
|
font-style: italic;
|
||
|
}
|
||
|
|
||
|
.prettyprint .lit {
|
||
|
|
||
|
color: #7f0000;
|
||
|
}
|
||
|
|
||
|
.prettyprint .pun,
|
||
|
.prettyprint .opn,
|
||
|
.prettyprint .clo {
|
||
|
color: #515151;
|
||
|
}
|
||
|
|
||
|
.prettyprint .typ,
|
||
|
.prettyprint .atn,
|
||
|
.prettyprint .dec,
|
||
|
.prettyprint .var {
|
||
|
|
||
|
color: #d94d3a;
|
||
|
}
|
||
|
|
||
|
.prettyprint .pln {
|
||
|
color: #515151;
|
||
|
}
|
||
|
|
||
|
.note {
|
||
|
position: absolute;
|
||
|
z-index: 100;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
padding: 1em;
|
||
|
background: rgba(0, 0, 0, 0.3);
|
||
|
opacity: 0;
|
||
|
pointer-events: none;
|
||
|
display: -webkit-box !important;
|
||
|
display: -moz-box !important;
|
||
|
display: -ms-box !important;
|
||
|
display: -o-box !important;
|
||
|
display: box !important;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-moz-box-orient: vertical;
|
||
|
-ms-box-orient: vertical;
|
||
|
box-orient: vertical;
|
||
|
-webkit-box-align: center;
|
||
|
-moz-box-align: center;
|
||
|
-ms-box-align: center;
|
||
|
box-align: center;
|
||
|
-webkit-box-pack: center;
|
||
|
-moz-box-pack: center;
|
||
|
-ms-box-pack: center;
|
||
|
box-pack: center;
|
||
|
-webkit-border-radius: 5px;
|
||
|
-moz-border-radius: 5px;
|
||
|
-ms-border-radius: 5px;
|
||
|
-o-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
-webkit-transform: translateY(350px);
|
||
|
-moz-transform: translateY(350px);
|
||
|
-ms-transform: translateY(350px);
|
||
|
-o-transform: translateY(350px);
|
||
|
transform: translateY(350px);
|
||
|
-webkit-transition: all 0.4s ease-in-out;
|
||
|
-moz-transition: all 0.4s ease-in-out;
|
||
|
-o-transition: all 0.4s ease-in-out;
|
||
|
transition: all 0.4s ease-in-out;
|
||
|
}
|
||
|
|
||
|
.note > section {
|
||
|
background: #fff;
|
||
|
-webkit-border-radius: 5px;
|
||
|
-moz-border-radius: 5px;
|
||
|
-ms-border-radius: 5px;
|
||
|
-o-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
-webkit-box-shadow: 0 0 10px #797979;
|
||
|
-moz-box-shadow: 0 0 10px #797979;
|
||
|
box-shadow: 0 0 10px #797979;
|
||
|
width: 60%;
|
||
|
padding: 2em;
|
||
|
}
|
||
|
|
||
|
.with-notes.popup slides.layout-widescreen slide.next,
|
||
|
.with-notes.popup slides.layout-faux-widescreen slide.next {
|
||
|
-webkit-transform: translate3d(690px, 80px, 0) scale(0.35);
|
||
|
-moz-transform: translate3d(690px, 80px, 0) scale(0.35);
|
||
|
-ms-transform: translate3d(690px, 80px, 0) scale(0.35);
|
||
|
-o-transform: translate3d(690px, 80px, 0) scale(0.35);
|
||
|
transform: translate3d(690px, 80px, 0) scale(0.35);
|
||
|
}
|
||
|
|
||
|
.with-notes.popup slides.layout-widescreen slide .note,
|
||
|
.with-notes.popup slides.layout-faux-widescreen slide .note {
|
||
|
-webkit-transform: translate3d(300px, 800px, 0) scale(1.5);
|
||
|
-moz-transform: translate3d(300px, 800px, 0) scale(1.5);
|
||
|
-ms-transform: translate3d(300px, 800px, 0) scale(1.5);
|
||
|
-o-transform: translate3d(300px, 800px, 0) scale(1.5);
|
||
|
transform: translate3d(300px, 800px, 0) scale(1.5);
|
||
|
}
|
||
|
|
||
|
.with-notes.popup slide {
|
||
|
overflow: visible;
|
||
|
background: white;
|
||
|
-webkit-transition: none;
|
||
|
-moz-transition: none;
|
||
|
-o-transition: none;
|
||
|
transition: none;
|
||
|
pointer-events: none;
|
||
|
-webkit-transform-origin: 0 0;
|
||
|
-moz-transform-origin: 0 0;
|
||
|
-ms-transform-origin: 0 0;
|
||
|
-o-transform-origin: 0 0;
|
||
|
transform-origin: 0 0;
|
||
|
}
|
||
|
|
||
|
.with-notes.popup slide:not(.backdrop) {
|
||
|
-webkit-transform: scale(0.6) translate3d(0.5em, 0.5em, 0);
|
||
|
-moz-transform: scale(0.6) translate3d(0.5em, 0.5em, 0);
|
||
|
-ms-transform: scale(0.6) translate3d(0.5em, 0.5em, 0);
|
||
|
-o-transform: scale(0.6) translate3d(0.5em, 0.5em, 0);
|
||
|
transform: scale(0.6) translate3d(0.5em, 0.5em, 0);
|
||
|
-webkit-box-shadow: 0 0 10px #797979;
|
||
|
-moz-box-shadow: 0 0 10px #797979;
|
||
|
box-shadow: 0 0 10px #797979;
|
||
|
}
|
||
|
|
||
|
.with-notes.popup slide.backdrop {
|
||
|
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #4387fd));
|
||
|
background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px);
|
||
|
background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px);
|
||
|
background-image: -o-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px);
|
||
|
background-image: radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px);
|
||
|
}
|
||
|
|
||
|
.with-notes.popup slide.next {
|
||
|
-webkit-transform: translate3d(570px, 80px, 0) scale(0.35);
|
||
|
-moz-transform: translate3d(570px, 80px, 0) scale(0.35);
|
||
|
-ms-transform: translate3d(570px, 80px, 0) scale(0.35);
|
||
|
-o-transform: translate3d(570px, 80px, 0) scale(0.35);
|
||
|
transform: translate3d(570px, 80px, 0) scale(0.35);
|
||
|
opacity: 1 !important;
|
||
|
}
|
||
|
|
||
|
.with-notes.popup slide.next .note {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
.with-notes.popup .note {
|
||
|
width: 109%;
|
||
|
height: 260px;
|
||
|
background: #e6e6e6;
|
||
|
padding: 0;
|
||
|
-webkit-box-shadow: 0 0 10px #797979;
|
||
|
-moz-box-shadow: 0 0 10px #797979;
|
||
|
box-shadow: 0 0 10px #797979;
|
||
|
-webkit-transform: translate3d(250px, 800px, 0) scale(1.5);
|
||
|
-moz-transform: translate3d(250px, 800px, 0) scale(1.5);
|
||
|
-ms-transform: translate3d(250px, 800px, 0) scale(1.5);
|
||
|
-o-transform: translate3d(250px, 800px, 0) scale(1.5);
|
||
|
transform: translate3d(250px, 800px, 0) scale(1.5);
|
||
|
-webkit-transition: opacity 400ms ease-in-out;
|
||
|
-moz-transition: opacity 400ms ease-in-out;
|
||
|
-o-transition: opacity 400ms ease-in-out;
|
||
|
transition: opacity 400ms ease-in-out;
|
||
|
}
|
||
|
|
||
|
.with-notes.popup .note > section {
|
||
|
background: #fff;
|
||
|
-webkit-border-radius: 5px;
|
||
|
-moz-border-radius: 5px;
|
||
|
-ms-border-radius: 5px;
|
||
|
-o-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
height: 100%;
|
||
|
width: 100%;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
-webkit-box-shadow: none;
|
||
|
-moz-box-shadow: none;
|
||
|
box-shadow: none;
|
||
|
overflow: auto;
|
||
|
padding: 1em;
|
||
|
}
|
||
|
|
||
|
.with-notes .note {
|
||
|
opacity: 1;
|
||
|
-webkit-transform: translateY(0);
|
||
|
-moz-transform: translateY(0);
|
||
|
-ms-transform: translateY(0);
|
||
|
-o-transform: translateY(0);
|
||
|
transform: translateY(0);
|
||
|
pointer-events: auto;
|
||
|
}
|
||
|
|
||
|
.source {
|
||
|
font-size: 14px;
|
||
|
color: darkgrey;
|
||
|
position: absolute;
|
||
|
bottom: 70px;
|
||
|
left: 60px;
|
||
|
}
|
||
|
|
||
|
.centered {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.reflect {
|
||
|
-webkit-box-reflect: below 3px -webkit-linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%);
|
||
|
-moz-box-reflect: below 3px -moz-linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%);
|
||
|
-o-box-reflect: below 3px -o-linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%);
|
||
|
-ms-box-reflect: below 3px -ms-linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%);
|
||
|
box-reflect: below 3px linear-gradient(rgba(255, 255, 255, 0) 85%, #ffffff 150%);
|
||
|
}
|
||
|
|
||
|
.flexbox {
|
||
|
display: -webkit-box !important;
|
||
|
display: -moz-box !important;
|
||
|
display: -ms-box !important;
|
||
|
display: -o-box !important;
|
||
|
display: box !important;
|
||
|
}
|
||
|
|
||
|
.flexbox.vcenter {
|
||
|
-webkit-box-orient: vertical;
|
||
|
-moz-box-orient: vertical;
|
||
|
-ms-box-orient: vertical;
|
||
|
box-orient: vertical;
|
||
|
-webkit-box-align: center;
|
||
|
-moz-box-align: center;
|
||
|
-ms-box-align: center;
|
||
|
box-align: center;
|
||
|
-webkit-box-pack: center;
|
||
|
-moz-box-pack: center;
|
||
|
-ms-box-pack: center;
|
||
|
box-pack: center;
|
||
|
height: 100%;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.flexbox.vleft {
|
||
|
-webkit-box-orient: vertical;
|
||
|
-moz-box-orient: vertical;
|
||
|
-ms-box-orient: vertical;
|
||
|
box-orient: vertical;
|
||
|
-webkit-box-align: left;
|
||
|
-moz-box-align: left;
|
||
|
-ms-box-align: left;
|
||
|
box-align: left;
|
||
|
-webkit-box-pack: center;
|
||
|
-moz-box-pack: center;
|
||
|
-ms-box-pack: center;
|
||
|
box-pack: center;
|
||
|
height: 100%;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.flexbox.vright {
|
||
|
-webkit-box-orient: vertical;
|
||
|
-moz-box-orient: vertical;
|
||
|
-ms-box-orient: vertical;
|
||
|
box-orient: vertical;
|
||
|
-webkit-box-align: end;
|
||
|
-moz-box-align: end;
|
||
|
-ms-box-align: end;
|
||
|
box-align: end;
|
||
|
-webkit-box-pack: center;
|
||
|
-moz-box-pack: center;
|
||
|
-ms-box-pack: center;
|
||
|
box-pack: center;
|
||
|
height: 100%;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.auto-fadein {
|
||
|
-webkit-transition: opacity 0.6s ease-in;
|
||
|
-webkit-transition-delay: 0.6s;
|
||
|
-moz-transition: opacity 0.6s ease-in 0.6s;
|
||
|
-o-transition: opacity 0.6s ease-in 0.6s;
|
||
|
transition: opacity 0.6s ease-in 0.6s;
|
||
|
opacity: 0;
|
||
|
}
|
||
|
|
||
|
|
||
|
.slide-area {
|
||
|
z-index: 1000;
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
width: 100px;
|
||
|
height: 700px;
|
||
|
left: 50%;
|
||
|
top: 50%;
|
||
|
cursor: pointer;
|
||
|
margin-top: -350px;
|
||
|
}
|
||
|
|
||
|
#prev-slide-area {
|
||
|
margin-left: -550px;
|
||
|
}
|
||
|
|
||
|
#next-slide-area {
|
||
|
margin-left: 450px;
|
||
|
}
|
||
|
|
||
|
|
||
|
.logoslide img {
|
||
|
width: 383px;
|
||
|
height: 92px;
|
||
|
}
|
||
|
|
||
|
.segue {
|
||
|
padding: 60px 120px;
|
||
|
}
|
||
|
|
||
|
.segue h2 {
|
||
|
color: #e6e6e6;
|
||
|
font-size: 60px;
|
||
|
}
|
||
|
|
||
|
.segue h3 {
|
||
|
color: #e6e6e6;
|
||
|
line-height: 2.8;
|
||
|
}
|
||
|
|
||
|
.segue hgroup {
|
||
|
position: absolute;
|
||
|
bottom: 225px;
|
||
|
}
|
||
|
|
||
|
.thank-you-slide {
|
||
|
background: #4387fd !important;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.thank-you-slide h2 {
|
||
|
font-size: 60px;
|
||
|
color: inherit;
|
||
|
}
|
||
|
|
||
|
.thank-you-slide article > p {
|
||
|
margin-top: 2em;
|
||
|
font-size: 20pt;
|
||
|
}
|
||
|
|
||
|
.thank-you-slide > p {
|
||
|
position: absolute;
|
||
|
bottom: 80px;
|
||
|
font-size: 24pt;
|
||
|
line-height: 1.3;
|
||
|
}
|
||
|
|
||
|
aside.gdbar {
|
||
|
height: 97px;
|
||
|
width: 215px;
|
||
|
position: absolute;
|
||
|
left: -1px;
|
||
|
top: 125px;
|
||
|
-webkit-border-radius: 0 10px 10px 0;
|
||
|
-moz-border-radius: 0 10px 10px 0;
|
||
|
-ms-border-radius: 0 10px 10px 0;
|
||
|
-o-border-radius: 0 10px 10px 0;
|
||
|
border-radius: 0 10px 10px 0;
|
||
|
background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6e6e6), color-stop(100%, #e6e6e6)) no-repeat;
|
||
|
background: -webkit-linear-gradient(left, #e6e6e6, #e6e6e6) no-repeat;
|
||
|
background: -moz-linear-gradient(left, #e6e6e6, #e6e6e6) no-repeat;
|
||
|
background: -o-linear-gradient(left, #e6e6e6, #e6e6e6) no-repeat;
|
||
|
background: linear-gradient(left, #e6e6e6, #e6e6e6) no-repeat;
|
||
|
-webkit-background-size: 0% 100%;
|
||
|
-moz-background-size: 0% 100%;
|
||
|
-o-background-size: 0% 100%;
|
||
|
background-size: 0% 100%;
|
||
|
-webkit-transition: all 0.5s ease-out;
|
||
|
-webkit-transition-delay: 0.5s;
|
||
|
-moz-transition: all 0.5s ease-out 0.5s;
|
||
|
-o-transition: all 0.5s ease-out 0.5s;
|
||
|
transition: all 0.5s ease-out 0.5s;
|
||
|
|
||
|
}
|
||
|
|
||
|
aside.gdbar.right {
|
||
|
right: 0;
|
||
|
left: -moz-initial;
|
||
|
left: initial;
|
||
|
top: 254px;
|
||
|
|
||
|
-webkit-transform: rotateZ(180deg);
|
||
|
-moz-transform: rotateZ(180deg);
|
||
|
-ms-transform: rotateZ(180deg);
|
||
|
-o-transform: rotateZ(180deg);
|
||
|
transform: rotateZ(180deg);
|
||
|
}
|
||
|
|
||
|
aside.gdbar.right img {
|
||
|
-webkit-transform: rotateZ(180deg);
|
||
|
-moz-transform: rotateZ(180deg);
|
||
|
-ms-transform: rotateZ(180deg);
|
||
|
-o-transform: rotateZ(180deg);
|
||
|
transform: rotateZ(180deg);
|
||
|
}
|
||
|
|
||
|
aside.gdbar.bottom {
|
||
|
top: -moz-initial;
|
||
|
top: initial;
|
||
|
bottom: 60px;
|
||
|
}
|
||
|
|
||
|
aside.gdbar img {
|
||
|
width: 85px;
|
||
|
height: 85px;
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
margin: 8px 15px;
|
||
|
}
|
||
|
|
||
|
.title-slide hgroup {
|
||
|
bottom: 100px;
|
||
|
}
|
||
|
|
||
|
.title-slide hgroup h1 {
|
||
|
font-size: 65px;
|
||
|
line-height: 1.4;
|
||
|
letter-spacing: -3px;
|
||
|
color: #515151;
|
||
|
}
|
||
|
|
||
|
.title-slide hgroup h2 {
|
||
|
font-size: 34px;
|
||
|
color: darkgrey;
|
||
|
font-weight: inherit;
|
||
|
}
|
||
|
|
||
|
.title-slide hgroup p {
|
||
|
font-size: 20px;
|
||
|
color: #797979;
|
||
|
line-height: 1.3;
|
||
|
margin-top: 2em;
|
||
|
}
|
||
|
|
||
|
.quote {
|
||
|
color: #e6e6e6;
|
||
|
}
|
||
|
|
||
|
.quote .author {
|
||
|
font-size: 24px;
|
||
|
position: absolute;
|
||
|
bottom: 80px;
|
||
|
line-height: 1.4;
|
||
|
}
|
||
|
|
||
|
[data-config-contact] a {
|
||
|
color: white;
|
||
|
border-bottom: none;
|
||
|
}
|
||
|
|
||
|
[data-config-contact] span {
|
||
|
width: 115px;
|
||
|
display: inline-block;
|
||
|
}
|
||
|
|
||
|
.overview.popup .note {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
.overview slides slide {
|
||
|
display: block;
|
||
|
cursor: pointer;
|
||
|
opacity: 0.5;
|
||
|
pointer-events: auto !important;
|
||
|
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6));
|
||
|
background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background-color: white;
|
||
|
}
|
||
|
|
||
|
.overview slides slide.backdrop {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
.overview slides slide.far-past, .overview slides slide.past, .overview slides slide.next, .overview slides slide.far-next, .overview slides slide.far-past {
|
||
|
opacity: 0.5;
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
.overview slides slide.current {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
.overview .slide-area {
|
||
|
display: none;
|
||
|
}
|
||
|
slides > slide {
|
||
|
background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background-color: white;
|
||
|
}
|
||
|
slides > slide {
|
||
|
opacity: 0;
|
||
|
}
|
||
|
@media print {
|
||
|
|
||
|
@page {
|
||
|
size: landscape;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
slides slide {
|
||
|
display: block !important;
|
||
|
position: relative;
|
||
|
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6));
|
||
|
background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
|
||
|
background-color: white;
|
||
|
-webkit-transform: none !important;
|
||
|
-moz-transform: none !important;
|
||
|
-ms-transform: none !important;
|
||
|
-o-transform: none !important;
|
||
|
transform: none !important;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
page-break-after: always;
|
||
|
top: auto !important;
|
||
|
left: auto !important;
|
||
|
margin-top: 0 !important;
|
||
|
margin-left: 0 !important;
|
||
|
opacity: 1 !important;
|
||
|
color: #555;
|
||
|
}
|
||
|
|
||
|
slides slide.far-past, slides slide.past, slides slide.next, slides slide.far-next, slides slide.far-past, slides slide.current {
|
||
|
opacity: 1 !important;
|
||
|
display: block !important;
|
||
|
}
|
||
|
|
||
|
slides slide .build > * {
|
||
|
-webkit-transition: none;
|
||
|
-moz-transition: none;
|
||
|
-o-transition: none;
|
||
|
transition: none;
|
||
|
}
|
||
|
|
||
|
slides slide .build .to-build,
|
||
|
slides slide .build .build-fade {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
slides slide .auto-fadein {
|
||
|
opacity: 1 !important;
|
||
|
}
|
||
|
|
||
|
slides slide.backdrop {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
slides slide table.rows {
|
||
|
border-right: 0;
|
||
|
}
|
||
|
|
||
|
slides slide[hidden] {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
.slide-area {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.reflect {
|
||
|
-webkit-box-reflect: none;
|
||
|
-moz-box-reflect: none;
|
||
|
-o-box-reflect: none;
|
||
|
-ms-box-reflect: none;
|
||
|
box-reflect: none;
|
||
|
}
|
||
|
|
||
|
pre, code {
|
||
|
font-family: monospace !important;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
label {
|
||
|
display: block;
|
||
|
margin-bottom: 4px;
|
||
|
}
|
||
|
label, input {
|
||
|
font-size: 16px;
|
||
|
color: #333;
|
||
|
}
|
||
|
input {
|
||
|
width: 220px;
|
||
|
}
|
||
|
.jslider {
|
||
|
margin-top: 8px;
|
||
|
}
|
||
|
|
||
|
.dataTables_info, .dataTables_paginate {
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
</style>
|
||
|
<style type="text/css">
|
||
|
@media only screen and (max-device-width: 480px) {
|
||
|
slides>slide{-webkit-transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important}
|
||
|
}
|
||
|
</style>
|
||
|
<script>/* Modernizr 2.5.3 (Custom Build) | MIT & BSD
|
||
|
* Build: http://www.modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-flexbox_legacy-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-mq-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load
|
||
|
*/
|
||
|
;window.Modernizr=function(a,b,c){function C(a){i.cssText=a}function D(a,b){return C(m.join(a+";")+(b||""))}function E(a,b){return typeof a===b}function F(a,b){return!!~(""+a).indexOf(b)}function G(a,b){for(var d in a)if(i[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function H(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:E(f,"function")?f.bind(d||b):f}return!1}function I(a,b,c){var d=a.charAt(0).toUpperCase()+a.substr(1),e=(a+" "+o.join(d+" ")+d).split(" ");return E(b,"string")||E(b,"undefined")?G(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),H(e,b,c))}function K(){e.input=function(c){for(var d=0,e=c.length;d<e;d++)t[c[d]]=c[d]in j;return t.list&&(t.list=!!b.createElement("datalist")&&!!a.HTMLDataListElement),t}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),e.inputtypes=function(a){for(var d=0,e,g,h,i=a.length;d<i;d++)j.setAttribute("type",g=a[d]),e=j.type!=="text",e&&(j.value=k,j.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(g)&&j.style.WebkitAppearance!==c?(f.appendChild(j),h=b.defaultView,e=h.getComputedStyle&&h.getComputedStyle(j,null).WebkitAppearance!=="textfield"&&j.offsetHeight!==0,f.removeChild(j)):/^(search|tel)$/.test(g)||(/^(url|email)$/.test(g)?e=j.checkValidity&&j.checkValidity()===!1:/^color$/.test(g)?(f.appendChild(j),f.offsetWidth,e=j.value!=k,f.removeChild(j)):e=j.value!=k)),s[a[d]]=!!e;return s}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var d="2.5.3",e={},f=b.documentElement,g="modernizr",h=b.createElement(g),i=h.style,j=b.createElement("input"),k=":)",l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={svg:"http://www.w3.org/2000/svg"},r={},s={},t={},u=[],v=u.slice,w,x=function(a,c,d,e){var h,i,j,k=b.createElement("div"),l=b.body,m=l?l:b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:g+(d+1),k.appendChild(j);return h=["­","<style>",a,"</style>"].join(""),k.id=g,(l?k:m).innerHTML+=h,m.appendChild(k),l||(m.style.background="",f.appendChild(m)),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},y=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return x("@media "+b+" { #"+g+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},z=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=E(e[d],"function"),E(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),A={}.hasOwnProperty,B;!E(A,"undefined")&&!E(A.call,"undefined")?B=function(a,b){return A.call(a,b)}:B=function(a,b){return b in a&&E(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=v.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(v.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(v.call(arguments)))};return e});var J=function(c,d){var f=c.join(""),g=d.length;x(f,function(c,d){var f=b.styleSheets[b.styleSheets.length-1],h=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"",i=c.childNodes,j={};while(g--)j[i[g].id]=i[g];e.touch="ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch||(j.touch&&j.touch.offsetTop)===9,e.csstransforms3d=(j.csstransforms3d&&j.csstransforms3d.offsetLeft)===9&&j.csstransforms3d.offsetHeight===3,e.generatedcontent=(j.generatedcontent&&j.generatedcontent.offsetHeight)>=1,e.fontface=/src/i.test(h)&&h.indexOf(d.split(" ")[0])===0},g,d)}(['@font-face {font-family:"font";src:url("https://")}',["@media (",m.join("touch-enabled),("),g,")","{#touch{top:9px;position:a
|
||
|
<script>var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
|
||
|
(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a=
|
||
|
[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c<i;++c){var j=f[c];if(/\\[bdsw]/i.test(j))a.push(j);else{var j=m(j),d;c+2<i&&"-"===f[c+1]?(d=m(f[c+2]),c+=2):d=j;b.push([j,d]);d<65||j>122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;c<b.length;++c)i=b[c],i[0]<=j[1]+1?j[1]=Math.max(j[1],i[1]):f.push(j=i);b=["["];o&&b.push("^");b.push.apply(b,a);for(c=0;c<
|
||
|
f.length;++c)i=f[c],b.push(e(i[0])),i[1]>i[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c<b;++c){var j=f[c];j==="("?++i:"\\"===j.charAt(0)&&(j=+j.substring(1))&&j<=i&&(d[j]=-1)}for(c=1;c<d.length;++c)-1===d[c]&&(d[c]=++t);for(i=c=0;c<b;++c)j=f[c],j==="("?(++i,d[i]===void 0&&(f[c]="(?:")):"\\"===j.charAt(0)&&
|
||
|
(j=+j.substring(1))&&j<=i&&(f[c]="\\"+d[i]);for(i=c=0;c<b;++c)"^"===f[c]&&"^"!==f[c+1]&&(f[c]="");if(a.ignoreCase&&s)for(c=0;c<b;++c)j=f[c],a=j.charAt(0),j.length>=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p<d;++p){var g=a[p];if(g.ignoreCase)l=!0;else if(/[a-z]/i.test(g.source.replace(/\\u[\da-f]{4}|\\x[\da-f]{2}|\\[^UXux]/gi,""))){s=!0;l=!1;break}}for(var r=
|
||
|
{b:8,t:9,n:10,v:11,f:12,r:13},n=[],p=0,d=a.length;p<d;++p){g=a[p];if(g.global||g.multiline)throw Error(""+g);n.push("(?:"+y(g)+")")}return RegExp(n.join("|"),l?"gi":"g")}function M(a){function m(a){switch(a.nodeType){case 1:if(e.test(a.className))break;for(var g=a.firstChild;g;g=g.nextSibling)m(g);g=a.nodeName;if("BR"===g||"LI"===g)h[s]="\n",t[s<<1]=y++,t[s++<<1|1]=a;break;case 3:case 4:g=a.nodeValue,g.length&&(g=p?g.replace(/\r\n?/g,"\n"):g.replace(/[\t\n\r ]+/g," "),h[s]=g,t[s<<1]=y,y+=g.length,
|
||
|
t[s++<<1|1]=a)}}var e=/(?:^|\s)nocode(?:\s|$)/,h=[],y=0,t=[],s=0,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=document.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);m(a);return{a:h.join("").replace(/\n$/,""),c:t}}function B(a,m,e,h){m&&(a={a:m,d:a},e(a),h.push.apply(h,a.e))}function x(a,m){function e(a){for(var l=a.d,p=[l,"pln"],d=0,g=a.a.match(y)||[],r={},n=0,z=g.length;n<z;++n){var f=g[n],b=r[f],o=void 0,c;if(typeof b===
|
||
|
"string")c=!1;else{var i=h[f.charAt(0)];if(i)o=f.match(i[1]),b=i[0];else{for(c=0;c<t;++c)if(i=m[c],o=f.match(i[1])){b=i[0];break}o||(b="pln")}if((c=b.length>=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m),
|
||
|
l=[],p={},d=0,g=e.length;d<g;++d){var r=e[d],n=r[3];if(n)for(var k=n.length;--k>=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/,
|
||
|
q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/,
|
||
|
q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g,
|
||
|
"");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a),
|
||
|
a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e}
|
||
|
for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g<d.length;++g)e(d[g]);m===(m|0)&&d[0].setAttribute("value",
|
||
|
m);var r=s.createElement("OL");r.className="linenums";for(var n=Math.max(0,m-1|0)||0,g=0,z=d.length;g<z;++g)l=d[g],l.className="L"+(g+n)%10,l.firstChild||l.appendChild(s.createTextNode("\xa0")),r.appendChild(l);a.appendChild(r)}function k(a,m){for(var e=m.length;--e>=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*</.test(m)?"default-markup":"default-code";return A[a]}function E(a){var m=
|
||
|
a.g;try{var e=M(a.h),h=e.a;a.a=h;a.c=e.c;a.d=0;C(m,h)(a);var k=/\bMSIE\b/.test(navigator.userAgent),m=/\n/g,t=a.a,s=t.length,e=0,l=a.c,p=l.length,h=0,d=a.e,g=d.length,a=0;d[g]=s;var r,n;for(n=r=0;n<g;)d[n]!==d[n+2]?(d[r++]=d[n++],d[r++]=d[n++]):n+=2;g=r;for(n=r=0;n<g;){for(var z=d[n],f=d[n+1],b=n+2;b+2<=g&&d[b+1]===f;)b+=2;d[r++]=z;d[r++]=f;n=b}for(d.length=r;h<p;){var o=l[h+2]||s,c=d[a+2]||s,b=Math.min(o,c),i=l[h+1],j;if(i.nodeType!==1&&(j=t.substring(e,b))){k&&(j=j.replace(m,"\r"));i.nodeValue=
|
||
|
j;var u=i.ownerDocument,v=u.createElement("SPAN");v.className=d[a+1];var x=i.parentNode;x.replaceChild(v,i);v.appendChild(i);e<o&&(l[h+1]=i=u.createTextNode(t.substring(b,o)),x.insertBefore(i,v.nextSibling))}e=b;e>=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"],
|
||
|
"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"],
|
||
|
H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"],
|
||
|
J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+
|
||
|
I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^<?]+/],["dec",/^<!\w[^>]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),
|
||
|
["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css",
|
||
|
/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}),
|
||
|
["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes",
|
||
|
hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p<h.length&&l.now()<e;p++){var n=h[p],k=n.className;if(k.indexOf("prettyprint")>=0){var k=k.match(g),f,b;if(b=
|
||
|
!k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p<h.length?setTimeout(m,
|
||
|
250):a&&a()}for(var e=[document.getElementsByTagName("pre"),document.getElementsByTagName("code"),document.getElementsByTagName("xmp")],h=[],k=0;k<e.length;++k)for(var t=0,s=e[k].length;t<s;++t)h.push(e[k][t]);var e=q,l=Date;l.now||(l={now:function(){return+new Date}});var p=0,d,g=/\blang(?:uage)?-([\w.]+)(?!\S)/;m()};window.PR={createSimpleLexer:x,registerLangHandler:k,sourceDecorator:u,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit",
|
||
|
PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ"}})();
|
||
|
</script>
|
||
|
<script>// Copyright (C) 2012 Jeffrey B. Arnold
|
||
|
//
|
||
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
// you may not use this file except in compliance with the License.
|
||
|
// You may obtain a copy of the License at
|
||
|
//
|
||
|
// http://www.apache.org/licenses/LICENSE-2.0
|
||
|
//
|
||
|
// Unless required by applicable law or agreed to in writing, software
|
||
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
// See the License for the specific language governing permissions and
|
||
|
// limitations under the License.
|
||
|
|
||
|
|
||
|
/**
|
||
|
* @fileoverview
|
||
|
* Registers a language handler for S, S-plus, and R source code.
|
||
|
*
|
||
|
*
|
||
|
* To use, include prettify.js and this file in your HTML page.
|
||
|
* Then put your code in an HTML tag like
|
||
|
* <pre class="prettyprint lang-r"> code </pre>
|
||
|
*
|
||
|
* Language definition from
|
||
|
* http://cran.r-project.org/doc/manuals/R-lang.html.
|
||
|
* Many of the regexes are shared with the pygments SLexer,
|
||
|
* http://pygments.org/.
|
||
|
*
|
||
|
* Original: https://raw.github.com/jrnold/prettify-lang-r-bugs/master/lang-r.js
|
||
|
*
|
||
|
* @author jeffrey.arnold@gmail.com
|
||
|
*/
|
||
|
PR['registerLangHandler'](
|
||
|
PR['createSimpleLexer'](
|
||
|
[
|
||
|
[PR['PR_PLAIN'], /^[\t\n\r \xA0]+/, null, '\t\n\r \xA0'],
|
||
|
[PR['PR_STRING'], /^\"(?:[^\"\\]|\\[\s\S])*(?:\"|$)/, null, '"'],
|
||
|
[PR['PR_STRING'], /^\'(?:[^\'\\]|\\[\s\S])*(?:\'|$)/, null, "'"]
|
||
|
],
|
||
|
[
|
||
|
[PR['PR_COMMENT'], /^#.*/],
|
||
|
[PR['PR_KEYWORD'], /^(?:if|else|for|while|repeat|in|next|break|return|switch|function)(?![A-Za-z0-9_.])/],
|
||
|
// hex numbes
|
||
|
[PR['PR_LITERAL'], /^0[xX][a-fA-F0-9]+([pP][0-9]+)?[Li]?/],
|
||
|
// Decimal numbers
|
||
|
[PR['PR_LITERAL'], /^[+-]?([0-9]+(\.[0-9]+)?|\.[0-9]+)([eE][+-]?[0-9]+)?[Li]?/],
|
||
|
// builtin symbols
|
||
|
[PR['PR_LITERAL'], /^(?:NULL|NA(?:_(?:integer|real|complex|character)_)?|Inf|TRUE|FALSE|NaN|\.\.(?:\.|[0-9]+))(?![A-Za-z0-9_.])/],
|
||
|
// assignment, operators, and parens, etc.
|
||
|
[PR['PR_PUNCTUATION'], /^(?:<<?-|->>?|-|==|<=|>=|<|>|&&?|!=|\|\|?|\*|\+|\^|\/|!|%.*?%|=|~|\$|@|:{1,3}|[\[\](){};,?])/],
|
||
|
// valid variable names
|
||
|
[PR['PR_PLAIN'], /^(?:[A-Za-z]+[A-Za-z0-9_.]*|\.[a-zA-Z_][0-9a-zA-Z\._]*)(?![A-Za-z0-9_.])/],
|
||
|
// string backtick
|
||
|
[PR['PR_STRING'], /^`.+`/]
|
||
|
]),
|
||
|
['r', 's', 'R', 'S', 'Splus']);
|
||
|
</script>
|
||
|
<script>var a=null;
|
||
|
PR.registerLangHandler(PR.createSimpleLexer([["pun",/^[:>?|]+/,a,":|>?"],["dec",/^%(?:YAML|TAG)[^\n\r#]+/,a,"%"],["typ",/^&\S+/,a,"&"],["typ",/^!\S*/,a,"!"],["str",/^"(?:[^"\\]|\\.)*(?:"|$)/,a,'"'],["str",/^'(?:[^']|'')*(?:'|$)/,a,"'"],["com",/^#[^\n\r]*/,a,"#"],["pln",/^\s+/,a," \t\r\n"]],[["dec",/^(?:---|\.\.\.)(?:[\n\r]|$)/],["pun",/^-/],["kwd",/^\w+:[\n\r ]/],["pln",/^\w+/]]),["yaml","yml"]);
|
||
|
</script>
|
||
|
<script>/*
|
||
|
* Hammer.JS
|
||
|
* version 0.4
|
||
|
* author: Eight Media
|
||
|
* https://github.com/EightMedia/hammer.js
|
||
|
*/
|
||
|
function Hammer(element, options, undefined)
|
||
|
{
|
||
|
var self = this;
|
||
|
|
||
|
var defaults = {
|
||
|
// prevent the default event or not... might be buggy when false
|
||
|
prevent_default : false,
|
||
|
css_hacks : true,
|
||
|
|
||
|
drag : true,
|
||
|
drag_vertical : true,
|
||
|
drag_horizontal : true,
|
||
|
// minimum distance before the drag event starts
|
||
|
drag_min_distance : 20, // pixels
|
||
|
|
||
|
// pinch zoom and rotation
|
||
|
transform : true,
|
||
|
scale_treshold : 0.1,
|
||
|
rotation_treshold : 15, // degrees
|
||
|
|
||
|
tap : true,
|
||
|
tap_double : true,
|
||
|
tap_max_interval : 300,
|
||
|
tap_double_distance: 20,
|
||
|
|
||
|
hold : true,
|
||
|
hold_timeout : 500
|
||
|
};
|
||
|
options = mergeObject(defaults, options);
|
||
|
|
||
|
// some css hacks
|
||
|
(function() {
|
||
|
if(!options.css_hacks) {
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
var vendors = ['webkit','moz','ms','o',''];
|
||
|
var css_props = {
|
||
|
"userSelect": "none",
|
||
|
"touchCallout": "none",
|
||
|
"userDrag": "none",
|
||
|
"tapHighlightColor": "rgba(0,0,0,0)"
|
||
|
};
|
||
|
|
||
|
var prop = '';
|
||
|
for(var i = 0; i < vendors.length; i++) {
|
||
|
for(var p in css_props) {
|
||
|
prop = p;
|
||
|
if(vendors[i]) {
|
||
|
prop = vendors[i] + prop.substring(0, 1).toUpperCase() + prop.substring(1);
|
||
|
}
|
||
|
element.style[ prop ] = css_props[p];
|
||
|
}
|
||
|
}
|
||
|
})();
|
||
|
|
||
|
// holds the distance that has been moved
|
||
|
var _distance = 0;
|
||
|
|
||
|
// holds the exact angle that has been moved
|
||
|
var _angle = 0;
|
||
|
|
||
|
// holds the diraction that has been moved
|
||
|
var _direction = 0;
|
||
|
|
||
|
// holds position movement for sliding
|
||
|
var _pos = { };
|
||
|
|
||
|
// how many fingers are on the screen
|
||
|
var _fingers = 0;
|
||
|
|
||
|
var _first = false;
|
||
|
|
||
|
var _gesture = null;
|
||
|
var _prev_gesture = null;
|
||
|
|
||
|
var _touch_start_time = null;
|
||
|
var _prev_tap_pos = {x: 0, y: 0};
|
||
|
var _prev_tap_end_time = null;
|
||
|
|
||
|
var _hold_timer = null;
|
||
|
|
||
|
var _offset = {};
|
||
|
|
||
|
// keep track of the mouse status
|
||
|
var _mousedown = false;
|
||
|
|
||
|
var _event_start;
|
||
|
var _event_move;
|
||
|
var _event_end;
|
||
|
|
||
|
|
||
|
/**
|
||
|
* angle to direction define
|
||
|
* @param float angle
|
||
|
* @return string direction
|
||
|
*/
|
||
|
this.getDirectionFromAngle = function( angle )
|
||
|
{
|
||
|
var directions = {
|
||
|
down: angle >= 45 && angle < 135, //90
|
||
|
left: angle >= 135 || angle <= -135, //180
|
||
|
up: angle < -45 && angle > -135, //270
|
||
|
right: angle >= -45 && angle <= 45 //0
|
||
|
};
|
||
|
|
||
|
var direction, key;
|
||
|
for(key in directions){
|
||
|
if(directions[key]){
|
||
|
direction = key;
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
return direction;
|
||
|
};
|
||
|
|
||
|
|
||
|
/**
|
||
|
* count the number of fingers in the event
|
||
|
* when no fingers are detected, one finger is returned (mouse pointer)
|
||
|
* @param event
|
||
|
* @return int fingers
|
||
|
*/
|
||
|
function countFingers( event )
|
||
|
{
|
||
|
// there is a bug on android (until v4?) that touches is always 1,
|
||
|
// so no multitouch is supported, e.g. no, zoom and rotation...
|
||
|
return event.touches ? event.touches.length : 1;
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* get the x and y positions from the event object
|
||
|
* @param event
|
||
|
* @return array [{ x: int, y: int }]
|
||
|
*/
|
||
|
function getXYfromEvent( event )
|
||
|
{
|
||
|
event = event || window.event;
|
||
|
|
||
|
// no touches, use the event pageX and pageY
|
||
|
if(!event.touches) {
|
||
|
var doc = document,
|
||
|
body = doc.body;
|
||
|
|
||
|
return [{
|
||
|
x: event.pageX || event.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && doc.clientLeft || 0 ),
|
||
|
y: event.pageY || event.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && doc.clientTop || 0 )
|
||
|
}];
|
||
|
}
|
||
|
// multitouch, return array with positions
|
||
|
else {
|
||
|
var pos = [], src;
|
||
|
for(var t=0, len=event.touches.length; t<len; t++) {
|
||
|
src = event.touches[t];
|
||
|
pos.push({ x: src.pageX, y: src.pageY });
|
||
|
}
|
||
|
return pos;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* calculate the angle between two points
|
||
|
* @param object pos1 { x: int, y: int }
|
||
|
* @param object pos2 { x: int, y: int }
|
||
|
*/
|
||
|
function getAngle( pos1, pos2 )
|
||
|
{
|
||
|
return Math.atan2(pos2.y - pos1.y, pos2.x - pos1.x) * 180 / Math.PI;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* trigger an event/callback by name with params
|
||
|
* @param string name
|
||
|
* @param array params
|
||
|
*/
|
||
|
function triggerEvent( eventName, params )
|
||
|
{
|
||
|
// return touches object
|
||
|
params.touches = getXYfromEvent(params.originalEvent);
|
||
|
params.type = eventName;
|
||
|
|
||
|
// trigger callback
|
||
|
if(isFunction(self["on"+ eventName])) {
|
||
|
self["on"+ eventName].call(self, params);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* cancel event
|
||
|
* @param object event
|
||
|
* @return void
|
||
|
*/
|
||
|
|
||
|
function cancelEvent(event){
|
||
|
event = event || window.event;
|
||
|
if(event.preventDefault){
|
||
|
event.preventDefault();
|
||
|
}else{
|
||
|
event.returnValue = false;
|
||
|
event.cancelBubble = true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* reset the internal vars to the start values
|
||
|
*/
|
||
|
function reset()
|
||
|
{
|
||
|
_pos = {};
|
||
|
_first = false;
|
||
|
_fingers = 0;
|
||
|
_distance = 0;
|
||
|
_angle = 0;
|
||
|
_gesture = null;
|
||
|
}
|
||
|
|
||
|
|
||
|
var gestures = {
|
||
|
// hold gesture
|
||
|
// fired on touchstart
|
||
|
hold : function(event)
|
||
|
{
|
||
|
// only when one finger is on the screen
|
||
|
if(options.hold) {
|
||
|
_gesture = 'hold';
|
||
|
clearTimeout(_hold_timer);
|
||
|
|
||
|
_hold_timer = setTimeout(function() {
|
||
|
if(_gesture == 'hold') {
|
||
|
triggerEvent("hold", {
|
||
|
originalEvent : event,
|
||
|
position : _pos.start
|
||
|
});
|
||
|
}
|
||
|
}, options.hold_timeout);
|
||
|
}
|
||
|
},
|
||
|
|
||
|
|
||
|
// drag gesture
|
||
|
// fired on mousemove
|
||
|
drag : function(event)
|
||
|
{
|
||
|
// get the distance we moved
|
||
|
var _distance_x = _pos.move[0].x - _pos.start[0].x;
|
||
|
var _distance_y = _pos.move[0].y - _pos.start[0].y;
|
||
|
_distance = Math.sqrt(_distance_x * _distance_x + _distance_y * _distance_y);
|
||
|
|
||
|
// drag
|
||
|
// minimal movement required
|
||
|
if(options.drag && (_distance > options.drag_min_distance) || _gesture == 'drag') {
|
||
|
// calculate the angle
|
||
|
_angle = getAngle(_pos.start[0], _pos.move[0]);
|
||
|
_direction = self.getDirectionFromAngle(_angle);
|
||
|
|
||
|
// check the movement and stop if we go in the wrong direction
|
||
|
var is_vertical = (_direction == 'up' || _direction == 'down');
|
||
|
if(((is_vertical && !options.drag_vertical) || (!is_vertical && !options.drag_horizontal))
|
||
|
&& (_distance > options.drag_min_distance)) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
_gesture = 'drag';
|
||
|
|
||
|
var position = { x: _pos.move[0].x - _offset.left,
|
||
|
y: _pos.move[0].y - _offset.top };
|
||
|
|
||
|
var event_obj = {
|
||
|
originalEvent : event,
|
||
|
position : position,
|
||
|
direction : _direction,
|
||
|
distance : _distance,
|
||
|
distanceX : _distance_x,
|
||
|
distanceY : _distance_y,
|
||
|
angle : _angle
|
||
|
};
|
||
|
|
||
|
// on the first time trigger the start event
|
||
|
if(_first) {
|
||
|
triggerEvent("dragstart", event_obj);
|
||
|
|
||
|
_first = false;
|
||
|
}
|
||
|
|
||
|
// normal slide event
|
||
|
triggerEvent("drag", event_obj);
|
||
|
|
||
|
cancelEvent(event);
|
||
|
}
|
||
|
},
|
||
|
|
||
|
|
||
|
// transform gesture
|
||
|
// fired on touchmove
|
||
|
transform : function(event)
|
||
|
{
|
||
|
if(options.transform) {
|
||
|
var scale = event.scale || 1;
|
||
|
var rotation = event.rotation || 0;
|
||
|
|
||
|
if(countFingers(event) != 2) {
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
if(_gesture != 'drag' &&
|
||
|
(_gesture == 'transform' || Math.abs(1-scale) > options.scale_treshold
|
||
|
|| Math.abs(rotation) > options.rotation_treshold)) {
|
||
|
_gesture = 'transform';
|
||
|
|
||
|
_pos.center = { x: ((_pos.move[0].x + _pos.move[1].x) / 2) - _offset.left,
|
||
|
y: ((_pos.move[0].y + _pos.move[1].y) / 2) - _offset.top };
|
||
|
|
||
|
var event_obj = {
|
||
|
originalEvent : event,
|
||
|
position : _pos.center,
|
||
|
scale : scale,
|
||
|
rotation : rotation
|
||
|
};
|
||
|
|
||
|
// on the first time trigger the start event
|
||
|
if(_first) {
|
||
|
triggerEvent("transformstart", event_obj);
|
||
|
_first = false;
|
||
|
}
|
||
|
|
||
|
triggerEvent("transform", event_obj);
|
||
|
|
||
|
cancelEvent(event);
|
||
|
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return false;
|
||
|
},
|
||
|
|
||
|
|
||
|
// tap and double tap gesture
|
||
|
// fired on touchend
|
||
|
tap : function(event)
|
||
|
{
|
||
|
// compare the kind of gesture by time
|
||
|
var now = new Date().getTime();
|
||
|
var touch_time = now - _touch_start_time;
|
||
|
|
||
|
// dont fire when hold is fired
|
||
|
if(options.hold && !(options.hold && options.hold_timeout > touch_time)) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
// when previous event was tap and the tap was max_interval ms ago
|
||
|
var is_double_tap = (function(){
|
||
|
if (_prev_tap_pos && options.tap_double && _prev_gesture == 'tap' && (_touch_start_time - _prev_tap_end_time) < options.tap_max_interval) {
|
||
|
var x_distance = Math.abs(_prev_tap_pos[0].x - _pos.start[0].x);
|
||
|
var y_distance = Math.abs(_prev_tap_pos[0].y - _pos.start[0].y);
|
||
|
return (_prev_tap_pos && _pos.start && Math.max(x_distance, y_distance) < options.tap_double_distance);
|
||
|
|
||
|
}
|
||
|
return false;
|
||
|
})();
|
||
|
|
||
|
if(is_double_tap) {
|
||
|
_gesture = 'double_tap';
|
||
|
_prev_tap_end_time = null;
|
||
|
|
||
|
triggerEvent("doubletap", {
|
||
|
originalEvent : event,
|
||
|
position : _pos.start
|
||
|
});
|
||
|
cancelEvent(event);
|
||
|
}
|
||
|
|
||
|
// single tap is single touch
|
||
|
else {
|
||
|
_gesture = 'tap';
|
||
|
_prev_tap_end_time = now;
|
||
|
_prev_tap_pos = _pos.start;
|
||
|
|
||
|
if(options.tap) {
|
||
|
triggerEvent("tap", {
|
||
|
originalEvent : event,
|
||
|
position : _pos.start
|
||
|
});
|
||
|
cancelEvent(event);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
};
|
||
|
|
||
|
|
||
|
function handleEvents(event)
|
||
|
{
|
||
|
switch(event.type)
|
||
|
{
|
||
|
case 'mousedown':
|
||
|
case 'touchstart':
|
||
|
_pos.start = getXYfromEvent(event);
|
||
|
_touch_start_time = new Date().getTime();
|
||
|
_fingers = countFingers(event);
|
||
|
_first = true;
|
||
|
_event_start = event;
|
||
|
|
||
|
// borrowed from jquery offset https://github.com/jquery/jquery/blob/master/src/offset.js
|
||
|
var box = element.getBoundingClientRect();
|
||
|
var clientTop = element.clientTop || document.body.clientTop || 0;
|
||
|
var clientLeft = element.clientLeft || document.body.clientLeft || 0;
|
||
|
var scrollTop = window.pageYOffset || element.scrollTop || document.body.scrollTop;
|
||
|
var scrollLeft = window.pageXOffset || element.scrollLeft || document.body.scrollLeft;
|
||
|
|
||
|
_offset = {
|
||
|
top: box.top + scrollTop - clientTop,
|
||
|
left: box.left + scrollLeft - clientLeft
|
||
|
};
|
||
|
|
||
|
_mousedown = true;
|
||
|
|
||
|
// hold gesture
|
||
|
gestures.hold(event);
|
||
|
|
||
|
if(options.prevent_default) {
|
||
|
cancelEvent(event);
|
||
|
}
|
||
|
break;
|
||
|
|
||
|
case 'mousemove':
|
||
|
case 'touchmove':
|
||
|
if(!_mousedown) {
|
||
|
return false;
|
||
|
}
|
||
|
_event_move = event;
|
||
|
_pos.move = getXYfromEvent(event);
|
||
|
|
||
|
if(!gestures.transform(event)) {
|
||
|
gestures.drag(event);
|
||
|
}
|
||
|
break;
|
||
|
|
||
|
case 'mouseup':
|
||
|
case 'mouseout':
|
||
|
case 'touchcancel':
|
||
|
case 'touchend':
|
||
|
if(!_mousedown || (_gesture != 'transform' && event.touches && event.touches.length > 0)) {
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
_mousedown = false;
|
||
|
_event_end = event;
|
||
|
|
||
|
// drag gesture
|
||
|
// dragstart is triggered, so dragend is possible
|
||
|
if(_gesture == 'drag') {
|
||
|
triggerEvent("dragend", {
|
||
|
originalEvent : event,
|
||
|
direction : _direction,
|
||
|
distance : _distance,
|
||
|
angle : _angle
|
||
|
});
|
||
|
}
|
||
|
|
||
|
// transform
|
||
|
// transformstart is triggered, so transformed is possible
|
||
|
else if(_gesture == 'transform') {
|
||
|
triggerEvent("transformend", {
|
||
|
originalEvent : event,
|
||
|
position : _pos.center,
|
||
|
scale : event.scale,
|
||
|
rotation : event.rotation
|
||
|
});
|
||
|
}
|
||
|
else {
|
||
|
gestures.tap(_event_start);
|
||
|
}
|
||
|
|
||
|
_prev_gesture = _gesture;
|
||
|
|
||
|
// reset vars
|
||
|
reset();
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
// bind events for touch devices
|
||
|
// except for windows phone 7.5, it doesnt support touch events..!
|
||
|
if('ontouchstart' in window) {
|
||
|
element.addEventListener("touchstart", handleEvents, false);
|
||
|
element.addEventListener("touchmove", handleEvents, false);
|
||
|
element.addEventListener("touchend", handleEvents, false);
|
||
|
element.addEventListener("touchcancel", handleEvents, false);
|
||
|
}
|
||
|
// for non-touch
|
||
|
else {
|
||
|
|
||
|
if(element.addEventListener){ // prevent old IE errors
|
||
|
element.addEventListener("mouseout", function(event) {
|
||
|
if(!isInsideHammer(element, event.relatedTarget)) {
|
||
|
handleEvents(event);
|
||
|
}
|
||
|
}, false);
|
||
|
element.addEventListener("mouseup", handleEvents, false);
|
||
|
element.addEventListener("mousedown", handleEvents, false);
|
||
|
element.addEventListener("mousemove", handleEvents, false);
|
||
|
|
||
|
// events for older IE
|
||
|
}else if(document.attachEvent){
|
||
|
element.attachEvent("onmouseout", function(event) {
|
||
|
if(!isInsideHammer(element, event.relatedTarget)) {
|
||
|
handleEvents(event);
|
||
|
}
|
||
|
}, false);
|
||
|
element.attachEvent("onmouseup", handleEvents);
|
||
|
element.attachEvent("onmousedown", handleEvents);
|
||
|
element.attachEvent("onmousemove", handleEvents);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* find if element is (inside) given parent element
|
||
|
* @param object element
|
||
|
* @param object parent
|
||
|
* @return bool inside
|
||
|
*/
|
||
|
function isInsideHammer(parent, child) {
|
||
|
// get related target for IE
|
||
|
if(!child && window.event && window.event.toElement){
|
||
|
child = window.event.toElement;
|
||
|
}
|
||
|
|
||
|
if(parent === child){
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
// loop over parentNodes of child until we find hammer element
|
||
|
if(child){
|
||
|
var node = child.parentNode;
|
||
|
while(node !== null){
|
||
|
if(node === parent){
|
||
|
return true;
|
||
|
};
|
||
|
node = node.parentNode;
|
||
|
}
|
||
|
}
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* merge 2 objects into a new object
|
||
|
* @param object obj1
|
||
|
* @param object obj2
|
||
|
* @return object merged object
|
||
|
*/
|
||
|
function mergeObject(obj1, obj2) {
|
||
|
var output = {};
|
||
|
|
||
|
if(!obj2) {
|
||
|
return obj1;
|
||
|
}
|
||
|
|
||
|
for (var prop in obj1) {
|
||
|
if (prop in obj2) {
|
||
|
output[prop] = obj2[prop];
|
||
|
} else {
|
||
|
output[prop] = obj1[prop];
|
||
|
}
|
||
|
}
|
||
|
return output;
|
||
|
}
|
||
|
|
||
|
function isFunction( obj ){
|
||
|
return Object.prototype.toString.call( obj ) == "[object Function]";
|
||
|
}
|
||
|
}</script>
|
||
|
<script>(function(window) {
|
||
|
|
||
|
var ORIGIN_ = location.protocol + '//' + location.host;
|
||
|
|
||
|
// check for local storage
|
||
|
var haveLocalStorage = (function() {
|
||
|
var mod = 'mod';
|
||
|
try {
|
||
|
localStorage.setItem(mod, mod);
|
||
|
localStorage.removeItem(mod);
|
||
|
return true;
|
||
|
} catch(e) {
|
||
|
return false;
|
||
|
}
|
||
|
}());
|
||
|
|
||
|
function SlideController() {
|
||
|
this.popup = null;
|
||
|
this.isPopup = window.opener;
|
||
|
|
||
|
if (this.setupDone()) {
|
||
|
window.addEventListener('message', this.onMessage_.bind(this), false);
|
||
|
|
||
|
// Close popups if we reload the main window.
|
||
|
window.addEventListener('beforeunload', function(e) {
|
||
|
if (this.popup) {
|
||
|
this.popup.close();
|
||
|
}
|
||
|
}.bind(this), false);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
SlideController.PRESENTER_MODE_PARAM = 'presentme';
|
||
|
|
||
|
SlideController.prototype.setupDone = function() {
|
||
|
var params = location.search.substring(1).split('&').map(function(el) {
|
||
|
return el.split('=');
|
||
|
});
|
||
|
|
||
|
var presentMe = null;
|
||
|
for (var i = 0, param; param = params[i]; ++i) {
|
||
|
if (param[0].toLowerCase() == SlideController.PRESENTER_MODE_PARAM) {
|
||
|
presentMe = param[1] == 'true';
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (presentMe !== null) {
|
||
|
if (haveLocalStorage)
|
||
|
localStorage.ENABLE_PRESENTOR_MODE = presentMe;
|
||
|
// TODO: use window.history.pushState to update URL instead of the redirect.
|
||
|
if (window.history.replaceState) {
|
||
|
window.history.replaceState({}, '', location.pathname);
|
||
|
} else {
|
||
|
location.replace(location.pathname);
|
||
|
return false;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
var enablePresenterMode = haveLocalStorage && localStorage.getItem('ENABLE_PRESENTOR_MODE');
|
||
|
if (enablePresenterMode && JSON.parse(enablePresenterMode)) {
|
||
|
// Only open popup from main deck. Don't want recursive popup opening!
|
||
|
if (!this.isPopup) {
|
||
|
var opts = 'menubar=no,location=yes,resizable=yes,scrollbars=no,status=no';
|
||
|
this.popup = window.open(location.href, 'mywindow', opts);
|
||
|
|
||
|
// Loading in the popup? Trigger the hotkey for turning presenter mode on.
|
||
|
this.popup.addEventListener('load', function(e) {
|
||
|
var evt = this.popup.document.createEvent('Event');
|
||
|
evt.initEvent('keydown', true, true);
|
||
|
evt.keyCode = 'P'.charCodeAt(0);
|
||
|
this.popup.document.dispatchEvent(evt);
|
||
|
// this.popup.document.body.classList.add('with-notes');
|
||
|
// document.body.classList.add('popup');
|
||
|
}.bind(this), false);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
SlideController.prototype.onMessage_ = function(e) {
|
||
|
var data = e.data;
|
||
|
|
||
|
// Restrict messages to being from this origin. Allow local developmet
|
||
|
// from file:// though.
|
||
|
// TODO: It would be dope if FF implemented location.origin!
|
||
|
if (e.origin != ORIGIN_ && ORIGIN_.indexOf('file://') != 0) {
|
||
|
// Ignore messages from unrecognized origins
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
// if (e.source.location.hostname != 'localhost') {
|
||
|
// alert('Someone tried to postMessage from an unknown origin');
|
||
|
// return;
|
||
|
// }
|
||
|
|
||
|
if ('keyCode' in data) {
|
||
|
var evt = document.createEvent('Event');
|
||
|
evt.initEvent('keydown', true, true);
|
||
|
evt.keyCode = data.keyCode;
|
||
|
document.dispatchEvent(evt);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
SlideController.prototype.sendMsg = function(msg) {
|
||
|
// // Send message to popup window.
|
||
|
// if (this.popup) {
|
||
|
// this.popup.postMessage(msg, ORIGIN_);
|
||
|
// }
|
||
|
|
||
|
// Send message to main window.
|
||
|
if (this.isPopup) {
|
||
|
// TODO: It would be dope if FF implemented location.origin.
|
||
|
window.opener.postMessage(msg, '*');
|
||
|
}
|
||
|
};
|
||
|
|
||
|
window.SlideController = SlideController;
|
||
|
|
||
|
})(window);
|
||
|
|
||
|
</script>
|
||
|
<script>/**
|
||
|
* @authors Luke Mahe
|
||
|
* @authors Eric Bidelman
|
||
|
* @fileoverview TODO
|
||
|
*/
|
||
|
document.cancelFullScreen = document.webkitCancelFullScreen ||
|
||
|
document.mozCancelFullScreen;
|
||
|
|
||
|
/**
|
||
|
* @constructor
|
||
|
*/
|
||
|
function SlideDeck(el) {
|
||
|
this.curSlide_ = 0;
|
||
|
this.prevSlide_ = 0;
|
||
|
this.config_ = null;
|
||
|
this.container = el || document.querySelector('slides');
|
||
|
this.slides = [];
|
||
|
this.controller = null;
|
||
|
|
||
|
this.getCurrentSlideFromHash_();
|
||
|
|
||
|
// Call this explicitly. Modernizr.load won't be done until after DOM load.
|
||
|
this.onDomLoaded_.bind(this)();
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* @const
|
||
|
* @private
|
||
|
*/
|
||
|
SlideDeck.prototype.SLIDE_CLASSES_ = [
|
||
|
'far-past', 'past', 'current', 'next', 'far-next'];
|
||
|
|
||
|
/**
|
||
|
* @const
|
||
|
* @private
|
||
|
*/
|
||
|
SlideDeck.prototype.CSS_DIR_ = 'theme/css/';
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
*/
|
||
|
SlideDeck.prototype.getCurrentSlideFromHash_ = function() {
|
||
|
var slideNo = parseInt(document.location.hash.substr(1));
|
||
|
|
||
|
if (slideNo) {
|
||
|
this.curSlide_ = slideNo - 1;
|
||
|
} else {
|
||
|
this.curSlide_ = 0;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @param {number} slideNo
|
||
|
*/
|
||
|
SlideDeck.prototype.loadSlide = function(slideNo) {
|
||
|
if (slideNo) {
|
||
|
this.curSlide_ = slideNo - 1;
|
||
|
this.updateSlides_();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
*/
|
||
|
SlideDeck.prototype.onDomLoaded_ = function(e) {
|
||
|
document.body.classList.add('loaded'); // Add loaded class for templates to use.
|
||
|
|
||
|
this.slides = this.container.querySelectorAll('slide:not([hidden]):not(.hidden):not(.backdrop)');
|
||
|
|
||
|
// If we're on a smartphone, apply special sauce.
|
||
|
if (Modernizr.mq('only screen and (max-device-width: 480px)')) {
|
||
|
// var style = document.createElement('link');
|
||
|
// style.rel = 'stylesheet';
|
||
|
// style.type = 'text/css';
|
||
|
// style.href = this.CSS_DIR_ + 'phone.css';
|
||
|
// document.querySelector('head').appendChild(style);
|
||
|
|
||
|
// No need for widescreen layout on a phone.
|
||
|
this.container.classList.remove('layout-widescreen');
|
||
|
}
|
||
|
|
||
|
this.loadConfig_(SLIDE_CONFIG);
|
||
|
this.addEventListeners_();
|
||
|
this.updateSlides_();
|
||
|
|
||
|
// Add slide numbers and total slide count metadata to each slide.
|
||
|
var that = this;
|
||
|
for (var i = 0, slide; slide = this.slides[i]; ++i) {
|
||
|
slide.dataset.slideNum = i + 1;
|
||
|
slide.dataset.totalSlides = this.slides.length;
|
||
|
|
||
|
slide.addEventListener('click', function(e) {
|
||
|
if (document.body.classList.contains('overview')) {
|
||
|
that.loadSlide(this.dataset.slideNum);
|
||
|
e.preventDefault();
|
||
|
window.setTimeout(function() {
|
||
|
that.toggleOverview();
|
||
|
}, 500);
|
||
|
}
|
||
|
}, false);
|
||
|
}
|
||
|
|
||
|
// Note: this needs to come after addEventListeners_(), which adds a
|
||
|
// 'keydown' listener that this controller relies on.
|
||
|
|
||
|
// Modernizr.touch isn't a sufficient check for devices that support both
|
||
|
// touch and mouse. Create the controller in all cases.
|
||
|
// // Also, no need to set this up if we're on mobile.
|
||
|
// if (!Modernizr.touch) {
|
||
|
this.controller = new SlideController(this);
|
||
|
if (this.controller.isPopup) {
|
||
|
document.body.classList.add('popup');
|
||
|
}
|
||
|
//}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
*/
|
||
|
SlideDeck.prototype.addEventListeners_ = function() {
|
||
|
document.addEventListener('keydown', this.onBodyKeyDown_.bind(this), true);
|
||
|
window.addEventListener('popstate', this.onPopState_.bind(this), false);
|
||
|
|
||
|
// var transEndEventNames = {
|
||
|
// 'WebkitTransition': 'webkitTransitionEnd',
|
||
|
// 'MozTransition': 'transitionend',
|
||
|
// 'OTransition': 'oTransitionEnd',
|
||
|
// 'msTransition': 'MSTransitionEnd',
|
||
|
// 'transition': 'transitionend'
|
||
|
// };
|
||
|
//
|
||
|
// // Find the correct transitionEnd vendor prefix.
|
||
|
// window.transEndEventName = transEndEventNames[
|
||
|
// Modernizr.prefixed('transition')];
|
||
|
//
|
||
|
// // When slides are done transitioning, kickoff loading iframes.
|
||
|
// // Note: we're only looking at a single transition (on the slide). This
|
||
|
// // doesn't include autobuilds the slides may have. Also, if the slide
|
||
|
// // transitions on multiple properties (e.g. not just 'all'), this doesn't
|
||
|
// // handle that case.
|
||
|
// this.container.addEventListener(transEndEventName, function(e) {
|
||
|
// this.enableSlideFrames_(this.curSlide_);
|
||
|
// }.bind(this), false);
|
||
|
|
||
|
// document.addEventListener('slideenter', function(e) {
|
||
|
// var slide = e.target;
|
||
|
// window.setTimeout(function() {
|
||
|
// this.enableSlideFrames_(e.slideNumber);
|
||
|
// this.enableSlideFrames_(e.slideNumber + 1);
|
||
|
// }.bind(this), 300);
|
||
|
// }.bind(this), false);
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {Event} e The pop event.
|
||
|
*/
|
||
|
SlideDeck.prototype.onPopState_ = function(e) {
|
||
|
if (e.state != null) {
|
||
|
this.curSlide_ = e.state;
|
||
|
this.updateSlides_(true);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @param {Event} e
|
||
|
*/
|
||
|
SlideDeck.prototype.onBodyKeyDown_ = function(e) {
|
||
|
|
||
|
// Don't handle keys if an input or text area is active. Do special handling
|
||
|
// for selectize because it keeps focus within an offscreen textbox even
|
||
|
// when just the select control is showing -- for selectize we refrain from
|
||
|
// handling keys only when the text input is active or when the up or down
|
||
|
// arrow key is pressed (which is used to open the list from the keyboard)
|
||
|
var parentNode = e.target.parentNode || e.target; // handle no parent
|
||
|
if (parentNode.classList && parentNode.classList.contains('selectize-input')) {
|
||
|
if (parentNode.classList.contains('input-active') || // text input is active
|
||
|
(e.keyCode == 38) || (e.keyCode == 40)) // up or down arrow
|
||
|
return;
|
||
|
} else if (/^(input|textarea)$/i.test(e.target.nodeName) ||
|
||
|
e.target.isContentEditable) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
// Forward keydowns to the main slides if we're the popup.
|
||
|
if (this.controller && this.controller.isPopup) {
|
||
|
this.controller.sendMsg({keyCode: e.keyCode});
|
||
|
}
|
||
|
|
||
|
switch (e.keyCode) {
|
||
|
case 13: // Enter
|
||
|
if (document.body.classList.contains('overview')) {
|
||
|
this.toggleOverview();
|
||
|
}
|
||
|
break;
|
||
|
|
||
|
case 39: // right arrow
|
||
|
case 32: // space
|
||
|
case 34: // PgDn
|
||
|
this.nextSlide();
|
||
|
e.preventDefault();
|
||
|
break;
|
||
|
|
||
|
case 37: // left arrow
|
||
|
case 8: // Backspace
|
||
|
case 33: // PgUp
|
||
|
this.prevSlide();
|
||
|
e.preventDefault();
|
||
|
break;
|
||
|
|
||
|
case 40: // down arrow
|
||
|
this.nextSlide();
|
||
|
e.preventDefault();
|
||
|
break;
|
||
|
|
||
|
case 38: // up arrow
|
||
|
this.prevSlide();
|
||
|
e.preventDefault();
|
||
|
break;
|
||
|
|
||
|
case 72: // H: Toggle code highlighting
|
||
|
document.body.classList.toggle('highlight-code');
|
||
|
break;
|
||
|
|
||
|
case 79: // O: Toggle overview
|
||
|
this.toggleOverview();
|
||
|
break;
|
||
|
|
||
|
case 80: // P
|
||
|
if (this.controller && this.controller.isPopup) {
|
||
|
document.body.classList.toggle('with-notes');
|
||
|
} else if (this.controller && !this.controller.popup) {
|
||
|
document.body.classList.toggle('with-notes');
|
||
|
}
|
||
|
break;
|
||
|
|
||
|
case 82: // R
|
||
|
// TODO: implement refresh on main slides when popup is refreshed.
|
||
|
break;
|
||
|
|
||
|
case 27: // ESC: Hide notes and highlighting
|
||
|
document.body.classList.remove('with-notes');
|
||
|
document.body.classList.remove('highlight-code');
|
||
|
|
||
|
if (document.body.classList.contains('overview')) {
|
||
|
this.toggleOverview();
|
||
|
}
|
||
|
break;
|
||
|
|
||
|
case 70: // F: Toggle fullscreen
|
||
|
// Only respect 'f' on body. Don't want to capture keys from an <input>.
|
||
|
// Also, ignore browser's fullscreen shortcut (cmd+shift+f) so we don't
|
||
|
// get trapped in fullscreen!
|
||
|
if (document.cancelFullScreen !== undefined && e.target == document.body && !(e.shiftKey && e.metaKey)) {
|
||
|
if (document.mozFullScreen !== undefined && !document.mozFullScreen) {
|
||
|
document.body.mozRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
|
||
|
} else if (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen) {
|
||
|
document.body.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
|
||
|
} else {
|
||
|
document.cancelFullScreen();
|
||
|
}
|
||
|
}
|
||
|
break;
|
||
|
|
||
|
case 87: // W: Toggle widescreen
|
||
|
// Only respect 'w' on body. Don't want to capture keys from an <input>.
|
||
|
if (e.target == document.body && !(e.shiftKey && e.metaKey)) {
|
||
|
this.container.classList.toggle('layout-widescreen');
|
||
|
}
|
||
|
break;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
*
|
||
|
*/
|
||
|
SlideDeck.prototype.focusOverview_ = function() {
|
||
|
var overview = document.body.classList.contains('overview');
|
||
|
|
||
|
for (var i = 0, slide; slide = this.slides[i]; i++) {
|
||
|
slide.style[Modernizr.prefixed('transform')] = overview ?
|
||
|
'translateZ(-2500px) translate(' + (( i - this.curSlide_ ) * 105) +
|
||
|
'%, 0%)' : '';
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
*/
|
||
|
SlideDeck.prototype.toggleOverview = function() {
|
||
|
document.body.classList.toggle('overview');
|
||
|
|
||
|
this.focusOverview_();
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
*/
|
||
|
SlideDeck.prototype.loadConfig_ = function(config) {
|
||
|
if (!config) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
this.config_ = config;
|
||
|
|
||
|
var settings = this.config_.settings;
|
||
|
|
||
|
this.loadTheme_(settings.theme || []);
|
||
|
|
||
|
if (settings.favIcon) {
|
||
|
this.addFavIcon_(settings.favIcon);
|
||
|
}
|
||
|
|
||
|
// Prettyprint. Default to on.
|
||
|
if (!!!('usePrettify' in settings) || settings.usePrettify) {
|
||
|
prettyPrint();
|
||
|
}
|
||
|
|
||
|
if (settings.analytics) {
|
||
|
this.loadAnalytics_();
|
||
|
}
|
||
|
|
||
|
if (settings.fonts) {
|
||
|
this.addFonts_(settings.fonts);
|
||
|
}
|
||
|
|
||
|
// Builds. Default to on.
|
||
|
if (!!!('useBuilds' in settings) || settings.useBuilds) {
|
||
|
this.makeBuildLists_();
|
||
|
}
|
||
|
|
||
|
if (settings.title) {
|
||
|
document.title = settings.title.replace(/<br\/?>/, ' ');
|
||
|
if (settings.eventInfo && settings.eventInfo.title) {
|
||
|
document.title += ' - ' + settings.eventInfo.title;
|
||
|
}
|
||
|
document.querySelector('[data-config-title]').innerHTML = settings.title;
|
||
|
}
|
||
|
|
||
|
if (settings.subtitle) {
|
||
|
document.querySelector('[data-config-subtitle]').innerHTML = settings.subtitle;
|
||
|
}
|
||
|
|
||
|
if (this.config_.presenters) {
|
||
|
var presenters = this.config_.presenters;
|
||
|
var dataConfigContact = document.querySelector('[data-config-contact]');
|
||
|
|
||
|
var html = [];
|
||
|
if (presenters.length == 1) {
|
||
|
var p = presenters[0];
|
||
|
|
||
|
var presenterTitle = [p.name];
|
||
|
if (p.company) {
|
||
|
presenterTitle.push(p.company);
|
||
|
}
|
||
|
html = presenterTitle.join(' - ') + '<br>';
|
||
|
|
||
|
var gplus = p.gplus ? '<span>g+</span><a href="' + p.gplus +
|
||
|
'">' + p.gplus.replace(/https?:\/\//, '') + '</a>' : '';
|
||
|
|
||
|
var twitter = p.twitter ? '<span>twitter</span>' +
|
||
|
'<a href="http://twitter.com/' + p.twitter + '">' +
|
||
|
p.twitter + '</a>' : '';
|
||
|
|
||
|
var www = p.www ? '<span>www</span><a href="' + p.www +
|
||
|
'">' + p.www.replace(/https?:\/\//, '') + '</a>' : '';
|
||
|
|
||
|
var github = p.github ? '<span>github</span><a href="' + p.github +
|
||
|
'">' + p.github.replace(/https?:\/\//, '') + '</a>' : '';
|
||
|
|
||
|
var html2 = [gplus, twitter, www, github].join('<br>');
|
||
|
|
||
|
if (dataConfigContact) {
|
||
|
dataConfigContact.innerHTML = html2;
|
||
|
}
|
||
|
} else {
|
||
|
for (var i = 0, p; p = presenters[i]; ++i) {
|
||
|
html.push(p.name + ' - ' + p.company);
|
||
|
}
|
||
|
html = html.join('<br>');
|
||
|
if (dataConfigContact) {
|
||
|
dataConfigContact.innerHTML = html;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
var dataConfigPresenter = document.querySelector('[data-config-presenter]');
|
||
|
if (dataConfigPresenter) {
|
||
|
dataConfigPresenter.innerHTML = html;
|
||
|
if (settings.eventInfo) {
|
||
|
var date = settings.eventInfo.date;
|
||
|
var dateInfo = date ? ' - <time>' + date + '</time>' : '';
|
||
|
dataConfigPresenter.innerHTML += settings.eventInfo.title + dateInfo;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Left/Right tap areas. Default to including. */
|
||
|
if (!!!('enableSlideAreas' in settings) || settings.enableSlideAreas) {
|
||
|
var el = document.createElement('div');
|
||
|
el.classList.add('slide-area');
|
||
|
el.id = 'prev-slide-area';
|
||
|
el.addEventListener('click', this.prevSlide.bind(this), false);
|
||
|
this.container.appendChild(el);
|
||
|
|
||
|
var el = document.createElement('div');
|
||
|
el.classList.add('slide-area');
|
||
|
el.id = 'next-slide-area';
|
||
|
el.addEventListener('click', this.nextSlide.bind(this), false);
|
||
|
this.container.appendChild(el);
|
||
|
}
|
||
|
|
||
|
if (Modernizr.touch && (!!!('enableTouch' in settings) ||
|
||
|
settings.enableTouch)) {
|
||
|
var self = this;
|
||
|
|
||
|
// Note: this prevents mobile zoom in/out but prevents iOS from doing
|
||
|
// it's crazy scroll over effect and disaligning the slides.
|
||
|
window.addEventListener('touchstart', function(e) {
|
||
|
e.preventDefault();
|
||
|
}, false);
|
||
|
|
||
|
var hammer = new Hammer(this.container);
|
||
|
hammer.ondragend = function(e) {
|
||
|
if (e.direction == 'right' || e.direction == 'down') {
|
||
|
self.prevSlide();
|
||
|
} else if (e.direction == 'left' || e.direction == 'up') {
|
||
|
self.nextSlide();
|
||
|
}
|
||
|
};
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {Array.<string>} fonts
|
||
|
*/
|
||
|
SlideDeck.prototype.addFonts_ = function(fonts) {
|
||
|
var el = document.createElement('link');
|
||
|
el.rel = 'stylesheet';
|
||
|
el.href = ('https:' == document.location.protocol ? 'https' : 'http') +
|
||
|
'://fonts.googleapis.com/css?family=' + fonts.join('|') + '&v2';
|
||
|
document.querySelector('head').appendChild(el);
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
*/
|
||
|
SlideDeck.prototype.buildNextItem_ = function() {
|
||
|
var slide = this.slides[this.curSlide_];
|
||
|
var toBuild = slide.querySelector('.to-build');
|
||
|
var built = slide.querySelector('.build-current');
|
||
|
|
||
|
if (built) {
|
||
|
built.classList.remove('build-current');
|
||
|
if (built.classList.contains('fade')) {
|
||
|
built.classList.add('build-fade');
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (!toBuild) {
|
||
|
var items = slide.querySelectorAll('.build-fade');
|
||
|
for (var j = 0, item; item = items[j]; j++) {
|
||
|
item.classList.remove('build-fade');
|
||
|
}
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
toBuild.classList.remove('to-build');
|
||
|
toBuild.classList.add('build-current');
|
||
|
|
||
|
return true;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @param {boolean=} opt_dontPush
|
||
|
*/
|
||
|
SlideDeck.prototype.prevSlide = function(opt_dontPush) {
|
||
|
if (this.curSlide_ > 0) {
|
||
|
var bodyClassList = document.body.classList;
|
||
|
bodyClassList.remove('highlight-code');
|
||
|
|
||
|
// Toggle off speaker notes if they're showing when we move backwards on the
|
||
|
// main slides. If we're the speaker notes popup, leave them up.
|
||
|
if (this.controller && !this.controller.isPopup) {
|
||
|
bodyClassList.remove('with-notes');
|
||
|
} else if (!this.controller) {
|
||
|
bodyClassList.remove('with-notes');
|
||
|
}
|
||
|
|
||
|
this.prevSlide_ = this.curSlide_--;
|
||
|
|
||
|
this.updateSlides_(opt_dontPush);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @param {boolean=} opt_dontPush
|
||
|
*/
|
||
|
SlideDeck.prototype.nextSlide = function(opt_dontPush) {
|
||
|
if (!document.body.classList.contains('overview') && this.buildNextItem_()) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (this.curSlide_ < this.slides.length - 1) {
|
||
|
var bodyClassList = document.body.classList;
|
||
|
bodyClassList.remove('highlight-code');
|
||
|
|
||
|
// Toggle off speaker notes if they're showing when we advanced on the main
|
||
|
// slides. If we're the speaker notes popup, leave them up.
|
||
|
if (this.controller && !this.controller.isPopup) {
|
||
|
bodyClassList.remove('with-notes');
|
||
|
} else if (!this.controller) {
|
||
|
bodyClassList.remove('with-notes');
|
||
|
}
|
||
|
|
||
|
this.prevSlide_ = this.curSlide_++;
|
||
|
|
||
|
this.updateSlides_(opt_dontPush);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/* Slide events */
|
||
|
|
||
|
/**
|
||
|
* Triggered when a slide enter/leave event should be dispatched.
|
||
|
*
|
||
|
* @param {string} type The type of event to trigger
|
||
|
* (e.g. 'slideenter', 'slideleave').
|
||
|
* @param {number} slideNo The index of the slide that is being left.
|
||
|
*/
|
||
|
SlideDeck.prototype.triggerSlideEvent = function(type, slideNo) {
|
||
|
var el = this.getSlideEl_(slideNo);
|
||
|
if (!el) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
// Call onslideenter/onslideleave if the attribute is defined on this slide.
|
||
|
var func = el.getAttribute(type);
|
||
|
if (func) {
|
||
|
new Function(func).call(el); // TODO: Don't use new Function() :(
|
||
|
}
|
||
|
|
||
|
// Dispatch event to listeners setup using addEventListener.
|
||
|
var evt = document.createEvent('Event');
|
||
|
evt.initEvent(type, true, true);
|
||
|
evt.slideNumber = slideNo + 1; // Make it readable
|
||
|
evt.slide = el;
|
||
|
|
||
|
el.dispatchEvent(evt);
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
*/
|
||
|
SlideDeck.prototype.updateSlides_ = function(opt_dontPush) {
|
||
|
var dontPush = opt_dontPush || false;
|
||
|
|
||
|
var curSlide = this.curSlide_;
|
||
|
for (var i = 0; i < this.slides.length; ++i) {
|
||
|
switch (i) {
|
||
|
case curSlide - 2:
|
||
|
this.updateSlideClass_(i, 'far-past');
|
||
|
break;
|
||
|
case curSlide - 1:
|
||
|
this.updateSlideClass_(i, 'past');
|
||
|
break;
|
||
|
case curSlide:
|
||
|
this.updateSlideClass_(i, 'current');
|
||
|
break;
|
||
|
case curSlide + 1:
|
||
|
this.updateSlideClass_(i, 'next');
|
||
|
break;
|
||
|
case curSlide + 2:
|
||
|
this.updateSlideClass_(i, 'far-next');
|
||
|
break;
|
||
|
default:
|
||
|
this.updateSlideClass_(i);
|
||
|
break;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
this.triggerSlideEvent('slideleave', this.prevSlide_);
|
||
|
this.triggerSlideEvent('slideenter', curSlide);
|
||
|
|
||
|
// window.setTimeout(this.disableSlideFrames_.bind(this, curSlide - 2), 301);
|
||
|
//
|
||
|
// this.enableSlideFrames_(curSlide - 1); // Previous slide.
|
||
|
// this.enableSlideFrames_(curSlide + 1); // Current slide.
|
||
|
// this.enableSlideFrames_(curSlide + 2); // Next slide.
|
||
|
|
||
|
// Enable current slide's iframes (needed for page loat at current slide).
|
||
|
this.enableSlideFrames_(curSlide + 1);
|
||
|
|
||
|
// No way to tell when all slide transitions + auto builds are done.
|
||
|
// Give ourselves a good buffer to preload the next slide's iframes.
|
||
|
window.setTimeout(this.enableSlideFrames_.bind(this, curSlide + 2), 1000);
|
||
|
|
||
|
this.updateHash_(dontPush);
|
||
|
|
||
|
if (document.body.classList.contains('overview')) {
|
||
|
this.focusOverview_();
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {number} slideNo
|
||
|
*/
|
||
|
SlideDeck.prototype.enableSlideFrames_ = function(slideNo) {
|
||
|
var el = this.slides[slideNo - 1];
|
||
|
if (!el) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var frames = el.querySelectorAll('iframe');
|
||
|
for (var i = 0, frame; frame = frames[i]; i++) {
|
||
|
this.enableFrame_(frame);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {number} slideNo
|
||
|
*/
|
||
|
SlideDeck.prototype.enableFrame_ = function(frame) {
|
||
|
var src = frame.dataset.src;
|
||
|
if (src && frame.src != src) {
|
||
|
frame.src = src;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {number} slideNo
|
||
|
*/
|
||
|
SlideDeck.prototype.disableSlideFrames_ = function(slideNo) {
|
||
|
var el = this.slides[slideNo - 1];
|
||
|
if (!el) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var frames = el.querySelectorAll('iframe');
|
||
|
for (var i = 0, frame; frame = frames[i]; i++) {
|
||
|
this.disableFrame_(frame);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {Node} frame
|
||
|
*/
|
||
|
SlideDeck.prototype.disableFrame_ = function(frame) {
|
||
|
frame.src = 'about:blank';
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {number} slideNo
|
||
|
*/
|
||
|
SlideDeck.prototype.getSlideEl_ = function(no) {
|
||
|
if ((no < 0) || (no >= this.slides.length)) {
|
||
|
return null;
|
||
|
} else {
|
||
|
return this.slides[no];
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {number} slideNo
|
||
|
* @param {string} className
|
||
|
*/
|
||
|
SlideDeck.prototype.updateSlideClass_ = function(slideNo, className) {
|
||
|
var el = this.getSlideEl_(slideNo);
|
||
|
|
||
|
if (!el) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (className) {
|
||
|
el.classList.add(className);
|
||
|
}
|
||
|
|
||
|
for (var i = 0, slideClass; slideClass = this.SLIDE_CLASSES_[i]; ++i) {
|
||
|
if (className != slideClass) {
|
||
|
el.classList.remove(slideClass);
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
*/
|
||
|
SlideDeck.prototype.makeBuildLists_ = function () {
|
||
|
for (var i = this.curSlide_, slide; slide = this.slides[i]; ++i) {
|
||
|
var items = slide.querySelectorAll('.build > *');
|
||
|
for (var j = 0, item; item = items[j]; ++j) {
|
||
|
if (item.classList) {
|
||
|
item.classList.add('to-build');
|
||
|
if (item.parentNode.classList.contains('fade')) {
|
||
|
item.classList.add('fade');
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {boolean} dontPush
|
||
|
*/
|
||
|
SlideDeck.prototype.updateHash_ = function(dontPush) {
|
||
|
if (!dontPush) {
|
||
|
var slideNo = this.curSlide_ + 1;
|
||
|
// Add everything except the hash.
|
||
|
var loc = location.protocol+'//'+location.host+location.pathname+(location.search?location.search:"");
|
||
|
var hash = '#' + slideNo;
|
||
|
if (window.history.pushState && (location.protocol !== "file:")) {
|
||
|
window.history.pushState(this.curSlide_, 'Slide ' + slideNo, loc + hash);
|
||
|
} else {
|
||
|
window.location.replace(loc + hash);
|
||
|
}
|
||
|
|
||
|
// Record GA hit on this slide.
|
||
|
if(typeof window.ga === 'function') {
|
||
|
ga('set', 'page', hash)
|
||
|
ga('send', 'pageview');
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {string} favIcon
|
||
|
*/
|
||
|
SlideDeck.prototype.addFavIcon_ = function(favIcon) {
|
||
|
var el = document.createElement('link');
|
||
|
el.rel = 'icon';
|
||
|
el.type = 'image/png';
|
||
|
el.href = favIcon;
|
||
|
document.querySelector('head').appendChild(el);
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
* @param {string} theme
|
||
|
*/
|
||
|
SlideDeck.prototype.loadTheme_ = function(theme) {
|
||
|
var styles = [];
|
||
|
if (theme.constructor.name === 'String') {
|
||
|
styles.push(theme);
|
||
|
} else {
|
||
|
styles = theme;
|
||
|
}
|
||
|
|
||
|
for (var i = 0, style; themeUrl = styles[i]; i++) {
|
||
|
var style = document.createElement('link');
|
||
|
style.rel = 'stylesheet';
|
||
|
style.type = 'text/css';
|
||
|
if (themeUrl.indexOf('http') == -1) {
|
||
|
style.href = this.CSS_DIR_ + themeUrl + '.css';
|
||
|
} else {
|
||
|
style.href = themeUrl;
|
||
|
}
|
||
|
document.querySelector('head').appendChild(style);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* @private
|
||
|
*/
|
||
|
SlideDeck.prototype.loadAnalytics_ = function() {
|
||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||
|
|
||
|
ga('create', this.config_.settings.analytics, 'auto');
|
||
|
ga('send', 'pageview');
|
||
|
};
|
||
|
|
||
|
|
||
|
var loadDeck = function(event) {
|
||
|
// Polyfill missing APIs (if we need to), then create the slide deck.
|
||
|
// iOS < 5 needs classList, dataset, and window.matchMedia. Modernizr contains
|
||
|
// the last one.
|
||
|
Modernizr.load({
|
||
|
complete: function() {
|
||
|
window.slidedeck = new SlideDeck();
|
||
|
}
|
||
|
});
|
||
|
};
|
||
|
|
||
|
if (document.readyState !== "loading" &&
|
||
|
document.querySelector('slides') === null) {
|
||
|
// if the document is done loading but our element hasn't yet appeared, defer
|
||
|
// loading of the deck
|
||
|
window.setTimeout(function() {
|
||
|
loadDeck(null);
|
||
|
}, 0);
|
||
|
} else {
|
||
|
// still loading the DOM, so wait until it's finished
|
||
|
document.addEventListener("DOMContentLoaded", loadDeck);
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
</script>
|
||
|
|
||
|
<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 0.4s ease-in-out;
|
||
|
-moz-transition: all 0.4s ease-in-out;
|
||
|
-o-transition: all 0.4s ease-in-out;
|
||
|
transition: all 0.4s ease-in-out;
|
||
|
}
|
||
|
.auto-fadein {
|
||
|
-webkit-transition: opacity 0.6s ease-in;
|
||
|
-webkit-transition-delay: 0.4s;
|
||
|
-moz-transition: opacity 0.6s ease-in 0.4s;
|
||
|
-o-transition: opacity 0.6s ease-in 0.4s;
|
||
|
transition: opacity 0.6s ease-in 0.4s;
|
||
|
opacity: 0;
|
||
|
}
|
||
|
|
||
|
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;}
|
||
|
pre > code.sourceCode { white-space: pre; position: relative; }
|
||
|
pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
|
||
|
pre > code.sourceCode > span:empty { height: 1.2em; }
|
||
|
.sourceCode { overflow: visible; }
|
||
|
code.sourceCode > span { color: inherit; text-decoration: inherit; }
|
||
|
div.sourceCode { margin: 1em 0; }
|
||
|
pre.sourceCode { margin: 0; }
|
||
|
@media screen {
|
||
|
div.sourceCode { overflow: auto; }
|
||
|
}
|
||
|
@media print {
|
||
|
pre > code.sourceCode { white-space: pre-wrap; }
|
||
|
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
|
||
|
}
|
||
|
pre.numberSource code
|
||
|
{ counter-reset: source-line 0; }
|
||
|
pre.numberSource code > span
|
||
|
{ position: relative; left: -4em; counter-increment: source-line; }
|
||
|
pre.numberSource code > span > a:first-child::before
|
||
|
{ content: counter(source-line);
|
||
|
position: relative; left: -1em; text-align: right; vertical-align: baseline;
|
||
|
border: none; display: inline-block;
|
||
|
-webkit-touch-callout: none; -webkit-user-select: none;
|
||
|
-khtml-user-select: none; -moz-user-select: none;
|
||
|
-ms-user-select: none; user-select: none;
|
||
|
padding: 0 4px; width: 4em;
|
||
|
color: #aaaaaa;
|
||
|
}
|
||
|
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
|
||
|
div.sourceCode
|
||
|
{ }
|
||
|
@media screen {
|
||
|
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
|
||
|
}
|
||
|
code span.al { color: #ff0000; font-weight: bold; }
|
||
|
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; }
|
||
|
code span.at { color: #7d9029; }
|
||
|
code span.bn { color: #40a070; }
|
||
|
code span.bu { color: #008000; }
|
||
|
code span.cf { color: #007020; font-weight: bold; }
|
||
|
code span.ch { color: #4070a0; }
|
||
|
code span.cn { color: #880000; }
|
||
|
code span.co { color: #60a0b0; font-style: italic; }
|
||
|
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; }
|
||
|
code span.do { color: #ba2121; font-style: italic; }
|
||
|
code span.dt { color: #902000; }
|
||
|
code span.dv { color: #40a070; }
|
||
|
code span.er { color: #ff0000; font-weight: bold; }
|
||
|
code span.ex { }
|
||
|
code span.fl { color: #40a070; }
|
||
|
code span.fu { color: #06287e; }
|
||
|
code span.im { color: #008000; font-weight: bold; }
|
||
|
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; }
|
||
|
code span.kw { color: #007020; font-weight: bold; }
|
||
|
code span.op { color: #666666; }
|
||
|
code span.ot { color: #007020; }
|
||
|
code span.pp { color: #bc7a00; }
|
||
|
code span.sc { color: #4070a0; }
|
||
|
code span.ss { color: #bb6688; }
|
||
|
code span.st { color: #4070a0; }
|
||
|
code span.va { color: #19177c; }
|
||
|
code span.vs { color: #4070a0; }
|
||
|
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; }
|
||
|
</style>
|
||
|
|
||
|
|
||
|
</head>
|
||
|
|
||
|
<body style="opacity: 0">
|
||
|
|
||
|
<slides>
|
||
|
|
||
|
<slide class="title-slide segue nobackground">
|
||
|
<!-- 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>
|
||
|
|
||
|
<p data-config-presenter><!-- populated from slide_config.json --></p>
|
||
|
<p style="margin-top: 6px; margin-left: -2px;">2022-09-22</p>
|
||
|
</hgroup>
|
||
|
</slide>
|
||
|
|
||
|
<slide class=""><hgroup><h2>R Markdown</h2></hgroup><article id="r-markdown">
|
||
|
|
||
|
<p>This is an R Markdown presentation. Markdown is a simple formatting syntax for authoring HTML, PDF, and MS Word documents. For more details on using R Markdown see <a href='http://rmarkdown.rstudio.com' title=''>http://rmarkdown.rstudio.com</a>.</p>
|
||
|
|
||
|
<p>When you click the <strong>Knit</strong> button a document will be generated that includes both content as well as the output of any embedded R code chunks within the document.</p>
|
||
|
|
||
|
</article></slide><slide class=""><hgroup><h2>Slide with Bullets</h2></hgroup><article id="slide-with-bullets">
|
||
|
|
||
|
<ul>
|
||
|
<li>Bullet 1</li>
|
||
|
<li>Bullet 2</li>
|
||
|
<li>Bullet 3</li>
|
||
|
</ul>
|
||
|
|
||
|
</article></slide><slide class=""><hgroup><h2>Slide with R Output</h2></hgroup><article id="slide-with-r-output">
|
||
|
|
||
|
<pre class = 'prettyprint lang-r'>summary(cars)</pre>
|
||
|
|
||
|
<pre >## speed dist
|
||
|
## Min. : 4.0 Min. : 2.00
|
||
|
## 1st Qu.:12.0 1st Qu.: 26.00
|
||
|
## Median :15.0 Median : 36.00
|
||
|
## Mean :15.4 Mean : 42.98
|
||
|
## 3rd Qu.:19.0 3rd Qu.: 56.00
|
||
|
## Max. :25.0 Max. :120.00</pre>
|
||
|
|
||
|
</article></slide><slide class=""><hgroup><h2>Slide with Plot</h2></hgroup><article id="slide-with-plot">
|
||
|
|
||
|
<p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAANgCAYAAADamM9GAAAEDmlDQ1BrQ0dDb2xvclNwYWNlR2VuZXJpY1JHQgAAOI2NVV1oHFUUPpu5syskzoPUpqaSDv41lLRsUtGE2uj+ZbNt3CyTbLRBkMns3Z1pJjPj/KRpKT4UQRDBqOCT4P9bwSchaqvtiy2itFCiBIMo+ND6R6HSFwnruTOzu5O4a73L3PnmnO9+595z7t4LkLgsW5beJQIsGq4t5dPis8fmxMQ6dMF90A190C0rjpUqlSYBG+PCv9rt7yDG3tf2t/f/Z+uuUEcBiN2F2Kw4yiLiZQD+FcWyXYAEQfvICddi+AnEO2ycIOISw7UAVxieD/Cyz5mRMohfRSwoqoz+xNuIB+cj9loEB3Pw2448NaitKSLLRck2q5pOI9O9g/t/tkXda8Tbg0+PszB9FN8DuPaXKnKW4YcQn1Xk3HSIry5ps8UQ/2W5aQnxIwBdu7yFcgrxPsRjVXu8HOh0qao30cArp9SZZxDfg3h1wTzKxu5E/LUxX5wKdX5SnAzmDx4A4OIqLbB69yMesE1pKojLjVdoNsfyiPi45hZmAn3uLWdpOtfQOaVmikEs7ovj8hFWpz7EV6mel0L9Xy23FMYlPYZenAx0yDB1/PX6dledmQjikjkXCxqMJS9WtfFCyH9XtSekEF+2dH+P4tzITduTygGfv58a5VCTH5PtXD7EFZiNyUDBhHnsFTBgE0SQIA9pfFtgo6cKGuhooeilaKH41eDs38Ip+f4At1Rq/sjr6NEwQqb/I/DQqsLvaFUjvAx+eWirddAJZnAj1DFJL0mSg/gcIpPkMBkhoyCSJ8lTZIxk0TpKDjXHliJzZPO50dR5ASNSnzeLvIvod0HG/mdkmOC0z8VKnzcQ2M/Yz2vKldduXjp9bleLu0ZWn7vWc+l0JGcaai10yNrUnXLP/8Jf59ewX+c3Wgz+B34Df+vbVrc16zTMVgp9um9bxEfzPU5kPqUtVWxhs6OiWTVW+gIfywB9uXi7CGcGW/zk98k/kmvJ95IfJn/j3uQ+4c5zn3Kfcd+AyF3gLnJfcl9xH3OfR2rUee80a+6vo7EK5mmXUdyfQlrYLTwoZIU9wsPCZEtP6BWGhAlhL3p2N6sTjRdduwbHsG9kq32sgBepc+xurLPW4T9URpYGJ3ym4+8zA05u44QjST8ZIoVtu3qE7fWmdn5LPdqvgcZz8Ww8BWJ8X3w0PhQ/wnCDGd+LvlHs8dRy6bLLDuKMaZ20tZrqisPJ5ONiCq8yKhYM5cCgKOu66Lsc0aYOtZdo5QCwezI4wm9J/v0X23mlZXOfBjj8Jzv3WrY5D+CsA9D7aMs2gGfjve8ArD6mePZSeCfEYt8CONWDw8FXTxrPqx/r9Vt4biXeANh8vV7/+/16ffMD1N8AuKD/A/8leAvFY9bLAAAAOGVYSWZNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAACoAIABAAAAAEAAAWgoAMABAAAAAEAAANgAAAAAA9fwCEAAEAASURBVHgB7N17vFdVnT/+N3cQAoVQkGBAGkoUBBGxNLEIQ0AxsRFLM7uaOIl4GfRho4aYJthMlsKkMoI0SjVZYthkpSaXMIMCM0HFI0iRiVzkfvu29u93TqJyOZyzD599znM9Hp8+e3/22muv/Vzb/nixztr1dv69hEKAAAECBAgQIECAAAECBAgQIECAAAECBKpZoH41t6c5AgQIECBAgAABAgQIECBAgAABAgQIECCQCQigPQgECBAgQIAAAQIECBAgQIAAAQIECBAgkIuAADoXVo0SIECAAAECBAgQIECAAAECBAgQIECAgADaM0CAAAECBAgQIECAAAECBAgQIECAAAECuQgIoHNh1SgBAgQIECBAgAABAgQIECBAgAABAgQICKA9AwQIECBAgAABAgQIECBAgAABAgQIECCQi4AAOhdWjRIgQIAAAQIECBAgQIAAAQIECBAgQICAANozQIAAAQIECBAgQIAAAQIECBAgQIAAAQK5CAigc2HVKAECBAgQIECAAAECBAgQIECAAAECBAgIoD0DBAgQIECAAAECBAgQIECAAAECBAgQIJCLgAA6F1aNEiBAgAABAgQIECBAgAABAgQIECBAgIAA2jNAgAABAgQIECBAgAABAgQIECBAgAABArkICKBzYdUoAQIECBAgQIAAAQIECBAgQIAAAQIECAigPQMECBAgQIAAAQIECBAgQIAAAQIECBAgkIuAADoXVo0SIECAAAECBAgQIECAAAECBAgQIECAgADaM0CAAAECBAgQIECAAAECBAgQIECAAAECuQgIoHNh1SgBAgQIECBAgAABAgQIECBAgAABAgQICKA9AwQIECBAgAABAgQIECBAgAABAgQIECCQi4AAOhdWjRIgQIAAAQIECBAgQIAAAQIECBAgQICAANozQIAAAQIECBAgQIAAAQIECBAgQIAAAQK5CAigc2HVKAECBAgQIECAAAECBAgQIECAAAECBAgIoD0DBAgQIECAAAECBAgQIECAAAECBAgQIJCLgAA6F1aNEiBAgAABAgQIECBAgAABAgQIECBAgIAA2jNAgAABAgQIECBAgAABAgQIECBAgAABArkICKBzYdUoAQIECBAgQIAAAQIECBAgQIAAAQIECAigPQMECBAgQIAAAQIECBAgQIAAAQIECBAgkIuAADoXVo0SIECAAAECBAgQIECAAAECBAgQIECAgADaM0CAAAECBAgQIECAAAECBAgQIECAAAECuQgIoHNh1SgBAgQIECBAgAABAgQIECBAgAABAgQICKA9AwQIECBAgAABAgQIECBAgAABAgQIECCQi4AAOhdWjRIgQIAAAQIECBAgQIAAAQIECBAgQICAANozQIAAAQIECBAgQIAAAQIECBAgQIAAAQK5CAigc2HVKAECBAgQIECAAAECBAgQIECAAAECBAgIoD0DBAgQIECAAAECBAgQIECAAAECBAgQIJCLgAA6F1aNEiBAgAABAgQIECBAgAABAgQIECBAgIAA2jNAgAABAgQIECBAgAABAgQIECBAgAABArkICKBzYdUoAQIECBAgQIAAAQIECBAgQIAAAQIECAigPQMECBAgQIAAAQIECBAgQIAAAQIECBAgkIuAADoXVo0SIECAAAECBAgQIECAAAECBAgQIECAgADaM0CAAAECBAgQIECAAAECBAgQIECAAAECuQgIoHNh1SgBAgQIECBAgAABAgQIECBAgAABAgQICKA9AwQIECBAgAABAgQIECBAgAABAgQIECCQi4AAOhdWjRIgQIAAAQIECBAgQIAAAQIECBAgQICAANozQIAAAQIECBAgQIAAAQIECBAgQIAAAQK5CAigc2HVKAECBAgQIECAAAECBAgQIECAAAECBAgIoD0DBAgQIECAAAECBAgQIECAAAECBAgQIJCLgAA6F1aNEiBAgAABAgQIECBAgAABAgQIECBAgIAA2jNAgAABAgQIECBAgAABAgQIECBAgAABArkICKBzYdUoAQIECBAgQIAAAQIECBAgQIAAAQIECAigPQMECBAgQIAAAQIECBAgQIAAAQIECBAgkIuAADoXVo0SIECAAAECBAgQIECAAAECBAgQIECAgADaM0CAAAECBAgQIECAAAECBAgQIECAAAECuQgIoHNh1SgBAgQIECBAgAABAgQIECBAgAABAgQICKA9AwQIECBAgAABAgQIECBAgAABAgQIECCQi4AAOhdWjRIgQIAAAQIECBAgQIAAAQIECBAgQICAANozQIAAAQIECBAgQIAAAQIECBAgQIAAAQK5CAigc2HVKAECBAgQIECAAAECBAgQIECAAAECBAgIoD0DBAgQIECAAAECBAgQIECAAAECBAgQIJCLgAA6F1aNEiBAgAABAgQIECBAgAABAgQIECBAgIAA2jNAgAABAgQIECBAgAABAgQIECBAgAABArkICKBzYdUoAQIECBAgQIAAAQIECBAgQIAAAQIECAigPQMECBAgQIAAAQIECBAg
|
||
|
|
||
|
|
||
|
<slide class="backdrop"></slide>
|
||
|
|
||
|
</slides>
|
||
|
|
||
|
<!-- dynamically load mathjax for compatibility with self-contained -->
|
||
|
<script>
|
||
|
(function () {
|
||
|
var script = document.createElement("script");
|
||
|
script.type = "text/javascript";
|
||
|
script.src = "https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML";
|
||
|
document.getElementsByTagName("head")[0].appendChild(script);
|
||
|
})();
|
||
|
</script>
|
||
|
|
||
|
<!-- 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');
|
||
|
});
|
||
|
}
|
||
|
})();
|
||
|
</script>
|
||
|
|
||
|
</body>
|
||
|
</html>
|