215 lines
6.4 KiB
HTML
Executable File
215 lines
6.4 KiB
HTML
Executable File
<!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="$template$/revealjs/css/reveal.css">
|
|
|
|
|
|
<!-- Theme of AG CG (derived from reveal's white.css) -->
|
|
<link rel="stylesheet" href="$template$/agcg.css">
|
|
|
|
|
|
<!-- font needed for chalkboard buttons -->
|
|
<link rel="stylesheet" href="$template$/font-awesome/css/font-awesome.min.css">
|
|
|
|
|
|
<!-- Setup code formatting with highlight.js -->
|
|
<link rel="stylesheet" href="$template$/revealjs/css/highlight/xcode.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 ) ? '$template$/revealjs/css/print/pdf.css' : '$template$/revealjs/css/print/paper.css';
|
|
document.getElementsByTagName( 'head' )[0].appendChild( link );
|
|
|
|
// MARIO version
|
|
if (window.location.search.match( /print-pdf/gi ))
|
|
{
|
|
var link = document.createElement( 'link' );
|
|
link.rel = 'stylesheet';
|
|
link.type = 'text/css';
|
|
link.href = '$template$/agcg-pdf.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}}}",
|
|
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],
|
|
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]
|
|
}
|
|
},
|
|
tex2jax: {
|
|
skipTags: ["script","noscript","style","textarea"],
|
|
},
|
|
"HTML-CSS": {
|
|
styles: { ".reveal section .MathJax_Display": { margin: "0.5em 0em" } },
|
|
styles: { ".reveal table .MathJax_Display": { margin: "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="$template$/revealjs/lib/js/head.min.js"></script>
|
|
<script src="$template$/revealjs/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!
|
|
|
|
|
|
// use local mathjax installation
|
|
math: { mathjax: '$template$/mathjax/MathJax.js',
|
|
config: 'TeX-AMS_HTML-full',
|
|
extensions: ["content-mathml.js"]
|
|
},
|
|
|
|
|
|
// setup chalkboard
|
|
chalkboard: {
|
|
src: "$chalkboard$",
|
|
readOnly: false,
|
|
theme: "chalkboard",
|
|
color: [ 'rgba(255,0,0,1)', 'rgba(255,255,255,1)' ],
|
|
background: [ 'rgba(0,0,0,0)' , '$template$/my-chalkboard/img/blackboard.png' ],
|
|
pen: [ '$template$/my-chalkboard/img/boardmarker.png', '$template$/my-chalkboard/img/chalk.png' ],
|
|
},
|
|
|
|
|
|
// setup reveal-menu
|
|
menu: {
|
|
side: 'right',
|
|
numbers: false,
|
|
titleSelector: 'h1',
|
|
hideMissingTitles: false,
|
|
markers: false,
|
|
custom: false,
|
|
themes: false,
|
|
transitions: false,
|
|
openButton: false,
|
|
openSlideNumber: true,
|
|
keyboard: true
|
|
},
|
|
|
|
|
|
// keyboard shortcuts
|
|
keyboard: {
|
|
40: function() { Reveal.next(); }, // up: next slide
|
|
38: function() { Reveal.prev(); }, // down: prev slide
|
|
67: function() { RevealChalkboard.toggleNotesCanvas() }, // c: draw on slides
|
|
84: function() { RevealChalkboard.toggleChalkboard() }, // t: draw on blackboard
|
|
69: function() { RevealChalkboard.toggleSponge() }, // e: toggle eraser
|
|
8: function() { RevealChalkboard.clear() }, // BACKSPACE: clear chalkboard
|
|
46: function() { RevealChalkboard.reset() }, // DELETE: reset chalkboard
|
|
68: function() { RevealChalkboard.download() }, // d: downlad chalkboard drawing
|
|
},
|
|
|
|
|
|
// load plugins
|
|
dependencies: [
|
|
{ src: '$template$/revealjs/plugin/math/math.js' },
|
|
{ src: '$template$/revealjs/plugin/notes/notes.js', async: true },
|
|
/*{ src: '$template$/revealjs/plugin/highlight/highlight.js', async: true, callback: function() {
|
|
var code_blocks = document.querySelectorAll('code');
|
|
for( var i = 0, len = code_blocks.length; i < len; i++ ) hljs.highlightBlock(code_blocks[i]);
|
|
}},*/
|
|
{ src: '$template$/revealjs/plugin/menu/menu.js' },
|
|
{ src: '$template$/my-chalkboard/chalkboard.js' }, // do not load this async ('ready' event is missing, print wont work)
|
|
{ src: '$template$/my-zoom/zoom.js', async: true },
|
|
]
|
|
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|