markdown.md

Simplemenu

for Reveal.js

Using Markdown

---

Table of Contents

---

Slide 1

A paragraph with some text and a link.

---

Vertical slide 1

---

Vertical slide 2

---

Setup

Load the Markdown plugin before Simplemenu, and add an empty menu via the barhtml option:

<script src="plugin/simplemenu/simplemenu.js"></script>
<script src="plugin/markdown/markdown.js"></script>
<script>
	//...
	simplemenu: {
		barhtml: { 
			header: "<div class='menubar'><ul class='menu'></ul></div>"
		}
	},
	plugins: [ RevealMarkdown, Simplemenu ]
</script>

---

Write Markdown with the use of slide-attributes

Because of the Reveal magic of generating vertical slides, use data-stack-name (on the first vertical slide) to set the name of the vertical stack.

# Simplemenu
### for Reveal.js
Using Markdown
---
### Table of Contents
<ul class="menu"><ul>
---
<!-- .slide: data-name="Regular slide" -->
## Slide 1
A paragraph with some text and a [link](http://hakim.se).
---
<!-- .slide: data-stack-name="Vertical" -->
## Vertical slide 1
----
## Vertical slide 2

---

If you use Quarto, the syntax of the Markdown is a little bit different:

## Table of Contents
<ul class="menu"><ul>

# Slide 1 {data-name="Regular slide"}
A paragraph with some text and a [link](http://hakim.se).

# Vertical slide 1 {data-stack-name="Vertical"}

## Vertical slide 2

---

That’s it!