Add custom theme support and the dzello theme

This commit is contained in:
dzello
2018-05-01 01:46:00 -07:00
parent 7024169277
commit 0e960c90e3
7 changed files with 340 additions and 8 deletions
+1 -1
View File
@@ -17,7 +17,7 @@ weight = 40
---
### Ready to use
### Service-ready
- Deploy to [Netlify](https://netlify.com/)
- Edit with [Forestry](https://forestry.io/)
@@ -18,14 +18,14 @@ Many handy slide shortcuts and customizations are possible.
---
<!-- .slide: data-background="blue" -->
<!-- .slide: data-background="#FF4081" -->
For example, an HTML comment can change the background color of a slide.
```
{{</* markdown */>}}
<!-- .slide: data-background="blue" -->
# I'm a blue slide
<!-- .slide: data-background="#FF4081" -->
# I'm a colorful slide
{{</* /markdown */>}}
```
+12 -1
View File
@@ -29,11 +29,22 @@ theme = "moon"
highlight_theme = "zenburn"
```
[Reveal themes](https://github.com/hakimel/reveal.js/#theming) &middot;
[Reveal.js themes](https://github.com/hakimel/reveal.js/#theming) &middot;
[highlight.js themes](https://highlightjs.org/static/demo/)
---
## Custom Reveal.js theme
Point to a file in the `static` directory.
```toml
[params.reveal_hugo]
custom_theme = "themes/dzello.css"
```
---
## Configure Reveal.js
Set **snakecase** versions of Reveal.js params, which will be passed to `Reveal.initialize`.