index.html 1003 Bytes
Newer Older
Éloïs's avatar
Éloïs committed
1 2 3 4
<!DOCTYPE html>
<html>

<head>
Éloïs's avatar
Éloïs committed
5
  <title>Rustkathon #1 : Web Assembly</title>
Éloïs's avatar
Éloïs committed
6
  <meta charset="utf-8">
7
  <link rel="stylesheet" href="../../common.css">
Éloïs's avatar
Éloïs committed
8
  <link rel="stylesheet" href="../../lib/mermaid.dark.css">
Éloïs's avatar
Éloïs committed
9
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.206/distr/fira_code.css">
Éloïs's avatar
Éloïs committed
10 11 12 13
</head>

<body>
  <textarea id="source"></textarea>
Éloïs's avatar
Éloïs committed
14 15
  <script src="../../lib/mermaid.min.js"></script>
  <script src="../../lib/remark-latest.min.js"></script>
Éloïs's avatar
Éloïs committed
16 17
  <script>
    var slideshow = remark.create({
Éloïs's avatar
Éloïs committed
18
      sourceUrl: 'markdown.md',
Éloïs's avatar
Éloïs committed
19
      highlightStyle: 'tomorrow-night',
Éloïs's avatar
Éloïs committed
20 21 22 23 24 25 26 27 28 29 30
      countIncrementalSlides: false
    });
    // don't let mermaid automatically load on start
    mermaid.initialize({
      startOnLoad: false,
      cloneCssStyles: false
    });

    slideshow.on("afterShowSlide", s => {
      const [slide] = document.getElementsByClassName("remark-visible");
      mermaid.init(Array.from(slide.getElementsByClassName("mermaid")));
Éloïs's avatar
Éloïs committed
31 32 33 34 35
    });
  </script>
</body>

</html>