86 lines
3.3 KiB
HTML
86 lines
3.3 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>Your presentation title</title>
|
|
|
|
<link rel="stylesheet" href="reveal.js/dist/reset.css">
|
|
<link rel="stylesheet" href="reveal.js/dist/reveal.css">
|
|
<link rel="stylesheet" href="reveal.js/dist/theme/black.css">
|
|
|
|
<!-- Theme used for syntax highlighted code -->
|
|
<link rel="stylesheet" href="reveal.js/plugin/highlight/monokai.css">
|
|
<!-- Font awesome is required for the chalkboard plugin -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<!-- Custom controls plugin is used to for opening and closing annotation modes. -->
|
|
<script src="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/customcontrols/plugin.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/customcontrols/style.css">
|
|
<!-- Chalkboard plugin -->
|
|
<script src="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/chalkboard/plugin.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/chalkboard/style.css">
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins/menu/font-awesome/css/fontawesome.css">
|
|
</head>
|
|
<body>
|
|
<div class="reveal">
|
|
<div class="slides">
|
|
<section data-markdown data-separator="^\n---\n$" data-separator-vertical="^\n--\n$">
|
|
<script type="text/template">
|
|
Your presentation here
|
|
</script>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="reveal.js/dist/reveal.js"></script>
|
|
<script src="reveal.js/plugin/notes/notes.js"></script>
|
|
<script src="reveal.js/plugin/markdown/markdown.js"></script>
|
|
<script src="reveal.js/plugin/highlight/highlight.js"></script>
|
|
<script src="reveal.js/plugin/zoom/zoom.js"></script>
|
|
<script src="custom_plugins/mermaid/mermaid.js"></script>
|
|
<script src="custom_plugins/pdfexport/pdfexport.js"></script>
|
|
<script>
|
|
// More info about initialization & config:
|
|
// - https://revealjs.com/initialization/
|
|
// - https://revealjs.com/config/
|
|
Reveal.initialize({
|
|
hash: true,
|
|
controls: true,
|
|
progres: true,
|
|
history: true,
|
|
center: true,
|
|
slideNumber: true,
|
|
overview: true,
|
|
width: 1280,
|
|
heigth: 960,
|
|
margin: 0.04,
|
|
customcontrols: {
|
|
controls: [
|
|
{ icon: '<i class="fa fa-pen-square"></i>',
|
|
title: 'Toggle chalkboard (B)',
|
|
action: 'RevealChalkboard.toggleChalkboard();'
|
|
},
|
|
{ icon: '<i class="fa fa-pen"></i>',
|
|
title: 'Toggle notes canvas (C)',
|
|
action: 'RevealChalkboard.toggleNotesCanvas();'
|
|
}
|
|
]
|
|
},
|
|
|
|
// mermaid initialize config
|
|
mermaid: {
|
|
// flowchart: {
|
|
// curve: 'linear',
|
|
// },
|
|
},
|
|
|
|
// Learn about reveal.js/plugins: https://revealjs.com/reveal.js/plugins/
|
|
plugins: [ RevealMarkdown, RevealMermaid, RevealHighlight, RevealNotes, RevealZoom, PdfExport, RevealChalkboard, RevealCustomControls],
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|