Example slideshow (π) — Hematite Theme

<div>

class: center, middle

# Remark and slides

* Currently, remarkjs presentation source files must be wrapped in
`<div markdown=0>...</div>` to prevent Jekyll's default markdown parser
from converting them to HTML.

* Alternatively, use a `.html` extension.

---

# This is an example

```md
---
layout: remark_slideshow
katex: true
mermaid: true
additional_import_html: >-
    Additional imports (for both the main page and the
    slides) go here.

remark_presentation_config_html: >-
    Additional HTML for configuring/styling the iframe that
    contains the remark slides!
---

class: center, middle

A slide!

---

Another slide!

</div>
```

---

# A test of Liquid variables

`{{ site.title }}` renders as Hematite Theme.

---

# This is another slide

With math: \\(f^{(n)}(z) = \frac{n!}{2πi} \oint_γ \frac{f(w)}{(w - z)^{n + 1}} dw\\)!

---

Highlighted text:
```js
function foo() {
    while (true) {
        break;
    }

console.log("Testing...");
    document.body.innerHTML += `1` - 3;
    // A comment
    /* Another comment */
}
```

???

And some notes!

---

1. Foo
2. Bar
3. Baz

---

<div class="mermaid">
flowchart LR
    id1[Item 1]
    id2[Another item]

id1 -- Label --> id2
</div>

</div>