Added presentation slide-show framework
Just used ma.md as slides, so no real content.
This commit is contained in:
Stefan Dresselhaus
208
presentation/template/template.html
Executable file
208
presentation/template/template.html
Executable file
@ -0,0 +1,208 @@
|
||||
<!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]
|
||||
}
|
||||
},
|
||||
"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: 1024,
|
||||
height: 768,
|
||||
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' },
|
||||
|
||||
|
||||
// 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>
|
||||
Reference in New Issue
Block a user