mirror of
https://github.com/jpetazzo/container.training.git
synced 2026-02-14 17:49:59 +00:00
60 lines
2.0 KiB
HTML
60 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>@@TITLE@@</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
|
<link rel="stylesheet" href="workshop.css">
|
|
</head>
|
|
<body>
|
|
<!--
|
|
<div style="position: absolute; left: 20%; right: 20%; top: 30%;">
|
|
<h1 style="font-size: 3em;">Loading ...</h1>
|
|
The slides should show up here. If they don't, it might be
|
|
because you are accessing this file directly from your filesystem.
|
|
It needs to be served from a web server. You can try this:
|
|
<pre>
|
|
docker-compose up -d
|
|
open http://localhost:8888/workshop.html # on MacOS
|
|
xdg-open http://localhost:8888/workshop.html # on Linux
|
|
</pre>
|
|
Once the slides are loaded, this notice disappears when you
|
|
go full screen (e.g. by hitting "f").
|
|
</div>
|
|
-->
|
|
<textarea id="source">@@MARKDOWN@@</textarea>
|
|
<script src="remark.min.js" type="text/javascript">
|
|
</script>
|
|
<script type="text/javascript">
|
|
var slideshow = remark.create({
|
|
ratio: '16:9',
|
|
highlightSpans: true,
|
|
slideNumberFormat: '@@SLIDENUMBERPREFIX@@%current%/%total%',
|
|
excludedClasses: [@@EXCLUDE@@]
|
|
});
|
|
</script>
|
|
<script type="module">
|
|
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
|
mermaid.initialize({ startOnLoad: false });
|
|
slideshow.on('afterShowSlide', function (slide) {
|
|
mermaid.run({
|
|
nodes: document.querySelectorAll('div.remark-visible .mermaid'),
|
|
});
|
|
});
|
|
// Reminder, if you want to tinker with mermaid,
|
|
// you need to export it, for instance like this:
|
|
// window.mermaid = mermaid;
|
|
</script>
|
|
|
|
<!--
|
|
These two scripts will be available only when loading the
|
|
content using the pub/sub server. Otherwise, they'll just
|
|
404 and that's OK.
|
|
-->
|
|
<script src="/socket.io/socket.io.js">
|
|
</script>
|
|
<script src="/remote.js">
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|