# 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 ![Image](img/gaztelugatze-4342242_1920.jpg) <!-- .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>