# MA-SL-O

- MArkdown SLides by Ondras
- Fourth iteration of my JS presentation engine
- Hit `Space` / `PageDown` / `→` / `↓` to continue

---

# Test JS

- some
- items

```js {id=asd}
let x = `aaa${2+3}
	${1+1}
	bbb
`;

alert()
```

```css
body { margin: 2px 3px; }
```

---

# Write in Markdown

- Presentation content is written using the [Markdown](https://commonmark.org/) language
- Create a [tiny HTML](https://github.com/ondras/maslo/blob/master/example/index.html) …
  - …to include the JS library
  - …to reference the content

---

# Main features

- Markdown input (see [this presentation's source](https://github.com/ondras/maslo/edit/master/example/example.md))
- Automatic scaling
- Styling based on [CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*)
- PDF output (`Ctrl+P` in Chrome)

---

# Additional features

- Syntax highlighting via [highlight.js](https://highlightjs.org/)
- `ESC` to toggle preview mode
- `Caps Lock` to toggle mouse doodling
- Touch control (swiping)
- Poster images (see next slide)

---

![](poster.png) {.maslo-poster}

---

# asd

![](poster.png) {.maslo-poster}

---

# Supported Markdown

- Autolinking
- HTML tags in source
- Tables
- [Complete reference](https://github.com/markdown-it/markdown-it)

---

# Reveal

- Item 1 (no reveal)
- Item 2 {.reveal}
- Item 3 {.reveal}
- Item 4 {.reveal}

---

# Keyboard reference

- `Space`, `PageDown`, `→`, `↓`: next slide
- `Backspace`, `PageUp`, `←`, `↑`: previous slide
- `Home`: first slide
- `End`: last slide
- `ESC`: toggle overview
- `Caps Lock`: toggle doodling

---

# Open Source Software

- [Source code](https://github.com/ondras/maslo/)
- [Documentation](https://github.com/ondras/maslo/wiki)
- [Author](https://ondras.zarovi.cz/)

---

# The End

[Back to the first page](#1)