# Demo deck
This deck demonstrates [Reveal.JS](Reveal.JS) integration into [Hugo](https://gohugo.io/) static site builder.
---
## Markdown based
Seems familiar?
```markdown
---
title: "Demo deck"
---
# Demo deck
This deck demonstrates [Reveal.JS](Reveal.JS) integration into [Hugo](https://gohugo.io/) static site builder.
`---` (<- without backticks)
## Markdown based
```
--
# Features
--
### Lists
- Item 1
- Item 2
- Item 3
--
### Ordered lists
1. Item 1
2. Item 2
3. Item 3
--
### Images
 <!-- .element style="height: 500px" -->
*Photo: [Pixabay](https://pixabay.com/photos/gaztelugatze-gaztelugatxe-landscape-4342242/)* <!-- .element style="font-size: 13px" -->
<!-- .element style="margin-top: -60px;" -->
--
### Syntax highlighting
```go
package main
import (
"fmt"
)
func main() {
fmt.Println("Hello world!")
}
```
--
### Tables
| Item | Value | Quantity |
|----------|-------|----------|
| Apples | $1 | 7 |
| Lemonade | $2 | 18 |
| Bread | $3 | 2 |
---
## Advanced features
--
## Syntax highlighting
Line numbers, line highlighting and more
<pre><code class="hljs language-go" data-line-numbers="8">package main
import (
"fmt"
)
func main() {
fmt.Println("Hello world!")
}
</code></pre>
--
## Theming
<pre><code class="hljs language-markdown" data-line-numbers="3">---
title: "Demo deck"
theme: sky
---
# Demo deck
...
</code></pre>
--
## Reveal JS configuration
<pre><code class="hljs language-markdown" data-line-numbers="3-4">---
title: "Demo deck"
reveal:
hash: true
---
# Demo deck
...
</code></pre>