goveal/assets/template/reveal-markdown.tmpl
Peter Kurfer a4c0016baa
feat(PoC): PoC complete
- HTTP server
- Rendering markdown content into a HTML template
- theme and some other useful options configurable via config file or flag
- release pipeline prepared
- reveal.js statically included into binary
- config hot reloading
2019-04-19 23:56:39 +02:00

52 lines
No EOL
1.5 KiB
Cheetah

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>goveal</title>
<link rel="stylesheet" href="/reveal/css/reveal.css">
<link rel="stylesheet" href="/reveal/css/theme/{{ .Reveal.Theme }}.css" id="theme">
<link rel="stylesheet" href="/reveal/lib/css/{{ .Reveal.CodeTheme }}.css">
</head>
<body>
<div class="reveal">
<div class="slides">
<!-- Slides are separated by newline + three dashes + newline, vertical slides identical but two dashes -->
<section data-markdown data-separator="^\n{{ .Reveal.HorizontalSeparator }}\n"
data-separator-vertical="^\n{{ .Reveal.VerticalSeparator }}\n">
<script type="text/template">
{{ .MarkdownBody }}
</script>
</section>
</div>
</div>
<script src="/reveal/js/reveal.js"></script>
<script>
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: '/reveal/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: '/reveal/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: '/reveal/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: '/reveal/plugin/notes/notes.js' }
]
});
</script>
</body>
</html>