blob: 4a25fa7649ed1ad8c385a7637848a650ae868b20 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
<iframe id="slideFrame" src="{{"none.html" | relURL }}" style="width:{{with .Get "width"}}{{.}}{{else}}100%{{end}};height:{{with .Get "height"}}{{.}}{{else}}30em{{end}}; border:0px"></iframe>
<div id="slideContent">
<link rel="stylesheet" defer href="https://unpkg.com/reveal.js@4.0.2/dist/reset.css">
<link rel="stylesheet" defer href="https://unpkg.com/reveal.js@4.0.2/dist/reveal.css">
<link rel="stylesheet" defer href="https://unpkg.com/reveal.js@4.0.2/dist/theme/{{with .Get "theme"}}{{.|safeHTML}}{{else}}black{{end}}.css" id="theme">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" defer href="https://unpkg.com/reveal.js@4.0.2/plugin/highlight/monokai.css" id="highlight-theme">
<div class="reveal">
<div class="slides">
<section data-markdown
data-separator="^---"
data-separator-vertical="^___"
data-separator-notes="^Note:"
data-charset="utf8">
{{ .Inner | safeHTML}}
</section>
</div>
</div>
<script async src="https://unpkg.com/reveal.js@4.0.2/dist/reveal.js"></script>
<script async src="https://unpkg.com/reveal.js@4.0.2/plugin/notes/notes.js"></script>
<script async src="https://unpkg.com/reveal.js@4.0.2/plugin/markdown/markdown.js"></script>
<script async src="https://unpkg.com/reveal.js@4.0.2/plugin/highlight/highlight.js"></script>
<script>
function initSlides() {
Reveal.initialize({
controls : {{with .Get "controls"}}{{.|safeHTML}}{{else}}false{{end}},
center: {{with .Get "center"}}{{.|safeHTML}}{{else}}true{{end}} ,
history: {{with .Get "history"}}{{.|safeHTML}}{{else}}false{{end}} ,
progress: {{with .Get "progress"}}{{.|safeHTML}}{{else}}false{{end}} ,
transition: {{with .Get "transition"}}{{.}}{{else}}"concave"{{end}},
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ],
});
}
</script>
</div>
<li><a href="#" onclick="slideFullScreen();">See it fullscreen</a></li>
<script type="text/javascript">
var toto = document.getElementById('slideContent').innerHTML
document.getElementById('slideFrame').contentWindow.document.write(document.getElementById('slideContent').innerHTML);
document.getElementById('slideContent').remove();
document.addEventListener("DOMContentLoaded",function(){
setTimeout(function () {
document.getElementById('slideFrame').contentWindow.initSlides() ;
}, 2000);
});
function slideFullScreen() {
document.open();
document.write(toto);
document.close();
initSlides()
}
</script>
|