212 lines
5.7 KiB
HTML
212 lines
5.7 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
|
$if(title)$
|
|
<title>
|
|
$title$$if(subtitle)$: $subtitle$ $endif$
|
|
</title>
|
|
$endif$
|
|
|
|
<link rel="stylesheet" href="/reveal.js/css/reveal.css">
|
|
|
|
|
|
<!-- My solarized Theme (derived from reveal's solarized.css) -->
|
|
<link rel="stylesheet" href="/css/solarized_plus.css">
|
|
|
|
|
|
|
|
<!-- Printing and PDF exports -->
|
|
<script>
|
|
var link = document.createElement( 'link' );
|
|
link.rel = 'stylesheet';
|
|
link.type = 'text/css';
|
|
link.href = window.location.search.match( /print-pdf/gi ) ? '/reveal.js/css/print/pdf.css' : '/reveal.js/css/print/paper.css';
|
|
document.getElementsByTagName( 'head' )[0].appendChild( link );
|
|
|
|
</script>
|
|
|
|
|
|
<!-- MathJax config -->
|
|
<script type="text/x-mathjax-config">
|
|
MathJax.Hub.Config({
|
|
jax: ["input/TeX","output/HTML-CSS"],
|
|
TeX: {
|
|
Macros: {
|
|
R: "{\\mathrm{{I}\\kern-.15em{R}}}",
|
|
laplace: "{\\Delta}",
|
|
grad: "{\\nabla}",
|
|
T: "^{\\mathsf{T}}",
|
|
abs: ['\\left\\lvert #1 \\right\\rvert', 1],
|
|
norm: ['\\left\\Vert #1 \\right\\Vert', 1],
|
|
iprod: ['\\left\\langle #1 \\right\\rangle', 1],
|
|
vec: ['\\mathbf{#1}', 1],
|
|
mat: ['\\mathbf{#1}', 1],
|
|
set: ['\\mathcal{#1}', 1],
|
|
func: ['\\mathrm{#1}', 1],
|
|
trans: ['{#1}\\mkern-1mu^{\\mathsf{T}}', 1],
|
|
matrix: ['\\begin{bmatrix} #1 \\end{bmatrix}', 1],
|
|
vector: ['\\begin{pmatrix} #1 \\end{pmatrix}', 1],
|
|
of: ['\\mkern{-2mu}\\left( #1 \\right\)', 1]
|
|
}
|
|
},
|
|
"HTML-CSS": {
|
|
styles: {
|
|
".reveal section .MathJax_Display": { margin: "0.5em 0em" }
|
|
},
|
|
scale: 95
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<!-- here come the slides -->
|
|
<div class="reveal">
|
|
<div class="slides">
|
|
|
|
|
|
<!-- Title slide -->
|
|
$if(title)$
|
|
<section class="white-on-blue">
|
|
<div class="title"> $title$ </div>
|
|
$if(subtitle)$
|
|
<div class="subtitle"> $subtitle$ </div>
|
|
$endif$
|
|
$if(author)$
|
|
<div class="author"> $author$ </div>
|
|
$if(affiliation)$
|
|
<div class="affiliation"> $affiliation$ </div>
|
|
$endif$
|
|
$endif$
|
|
</section>
|
|
$endif$
|
|
|
|
|
|
<!-- Table of Contents -->
|
|
$if(toc)$
|
|
<section>
|
|
<h2>Outline</h2>
|
|
<nav id="$idprefix$TOC">
|
|
$toc$
|
|
</nav>
|
|
</section>
|
|
$endif$
|
|
|
|
|
|
<!-- all the slides from markdown document: DO NOT INDENT THE body LINE!!! -->
|
|
$body$
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="/reveal.js/lib/js/head.min.js"></script>
|
|
<script src="/reveal.js/js/reveal.js"></script>
|
|
|
|
|
|
<script>
|
|
|
|
// More info https://github.com/hakimel/reveal.js#configuration
|
|
Reveal.initialize({
|
|
|
|
|
|
// reveal settings
|
|
controls: false,
|
|
progress: false,
|
|
slideNumber: true,
|
|
history: true,
|
|
center: false,
|
|
transition: 'none',
|
|
viewDistance: 2, // otherwise videos start early
|
|
width: 1280,
|
|
height: 1024,
|
|
minScale: 0.2,
|
|
maxScale: 5, // if this threshold is reached, the chalkboard drawing will be wrongly positioned. hence large threshold!
|
|
pdfMaxPagesPerSlide: 1, // slides are cropped on one page for PDF export
|
|
|
|
|
|
// use local mathjax installation
|
|
math: { mathjax: '/MathJax/MathJax.js', config: 'TeX-AMS_HTML-full' },
|
|
|
|
|
|
|
|
// setup reveal-menu
|
|
menu: {
|
|
side: 'right',
|
|
numbers: false,
|
|
titleSelector: 'h1, h2',
|
|
hideMissingTitles: false,
|
|
markers: false,
|
|
custom: false,
|
|
themes: false,
|
|
transitions: false,
|
|
openButton: false,
|
|
openSlideNumber: true,
|
|
keyboard: true
|
|
},
|
|
|
|
|
|
// setup charts
|
|
chart: {
|
|
defaults: {
|
|
global: {
|
|
"defaultFontFamily": "Lato",
|
|
"defaultFontColor": "black",
|
|
"defaultFontSize": 20,
|
|
title: {
|
|
"fontFamily": "Lato",
|
|
"fontSize": 30,
|
|
},
|
|
legend: {
|
|
"position": "bottom"
|
|
}
|
|
},
|
|
},
|
|
line: {
|
|
backgroundColor: [ "rgba(42,157,223,.1)", "rgba(245,159,0,.1)", "rgba(182,200,40,.1)" ],
|
|
borderColor: [ "rgba(42,157,223,1)", "rgba(245,159,0,1)", "rgba(182,200,40,1)" ],
|
|
},
|
|
bar: {
|
|
backgroundColor: [ "rgba(42,157,223,.8)", "rgba(245,159,0,.8)", "rgba(182,200,40,.8)" ],
|
|
borderColor: [ "rgba(42,157,223,1)", "rgba(245,159,0,1)", "rgba(182,200,40,1)" ]
|
|
},
|
|
pie: {
|
|
backgroundColor: [ ["rgba(0,0,0,.8)" , "rgba(220,20,20,.8)", "rgba(20,220,20,.8)", "rgba(220,220,20,.8)", "rgba(20,20,220,.8)"] ]},
|
|
radar: {
|
|
borderColor: [ "rgba(20,220,220,.8)" , "rgba(220,120,120,.8)", "rgba(20,120,220,.8)" ]
|
|
}
|
|
},
|
|
|
|
|
|
// keyboard shortcuts
|
|
keyboard: {
|
|
40: function() { Reveal.next(); }, // up: next slide
|
|
38: function() { Reveal.prev(); }, // down: prev slide
|
|
},
|
|
|
|
|
|
// load plugins
|
|
dependencies: [
|
|
{ src: '/reveal.js/plugin/math/math.js' },
|
|
{ src: '/reveal.js/plugin/notes/notes.js', async: true },
|
|
{ src: '/reveal.js-menu/menu.js' },
|
|
{ src: '/reveal.js-plugins/chart/Chart.min.js' },
|
|
{ src: '/reveal.js-plugins/chart/csv2chart.js' },
|
|
{ src: '/js/zoom.js', async: true },
|
|
]
|
|
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|