89 lines
2.7 KiB
HTML
89 lines
2.7 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="icon" href="./favicon.svg" type="image/svg+xml">
|
|
|
|
<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>
|
|
<script src="./draw.js"></script>
|
|
<div class="reveal">
|
|
<div class="slides">
|
|
<section>
|
|
<h2>Slide 1</h2>
|
|
<p>Content... `a = b / c`</p>
|
|
<div id="d3"></div>
|
|
<script>
|
|
{
|
|
const d = new Drawing('d3');
|
|
d.setTitle('Test Drawing');
|
|
d.line([0, 0], [100, 100]);
|
|
d.render();
|
|
}
|
|
</script>
|
|
</section>
|
|
<section data-markdown>
|
|
<textarea data-template>
|
|
## Slide 2
|
|
- Item 1
|
|
- Item 2
|
|
### Heading 3
|
|
#### Heading 4
|
|
##### Heading 5
|
|
###### Heading 6
|
|
<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>
|
|
// 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 ]
|
|
}).then(() => {
|
|
const nodes = document.querySelectorAll('code.drawing');
|
|
for (let node of nodes) {
|
|
Drawing.fromText(node);
|
|
}
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|