physics/reveal.html

68 lines
2.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Reveal.js Test</title>
<link rel="stylesheet" href="./node_modules/reveal.js/dist/reset.css">
<link rel="stylesheet" href="./node_modules/reveal.js/dist/reveal.css">
<link rel="stylesheet" href="./node_modules/reveal.js/dist/theme/white.css">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="./node_modules/reveal.js/plugin/highlight/monokai.css">
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<h2>Slide 1</h2>
<p>Content... `a = b / c`</p>
</section>
<section data-markdown>
<textarea data-template>
## Slide 2
- Item 1
- Item 2
<div id="d1"></div>
<script>
{
const d = new Drawing('d1');
d.setTitle('Test Drawing');
d.line([0, 0], [100, 100]);
d.render();
}
</script>
</textarea>
</section>
<section data-markdown="test.md"></section>
</div>
</div>
<script src="./node_modules/reveal.js/dist/reveal.js"></script>
<script src="./node_modules/reveal.js/plugin/notes/notes.js"></script>
<script src="./node_modules/reveal.js/plugin/markdown/markdown.js"></script>
<script src="./node_modules/reveal.js/plugin/highlight/highlight.js"></script>
<script src="./node_modules/reveal.js/plugin/math/math.js"></script>
<script src="./draw.js"></script>
<script>
// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,
mathjax3: {
mathjax: './node_modules/mathjax/es5/startup.js',
loader: {
load: ['input/asciimath', 'output/chtml'],
},
},
// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes, RevealMath.MathJax3 ]
});
</script>
</body>
</html>