Pure HTML Slide
- Surround slides in a section
tag with a data-noprocess
attribute to write them in HTML.
+ Surround slides in a section
tag with a data-noprocess
attribute to write them in pure HTML.
+
+<section data-noprocess>
+ <h1>Hello world!</h1>
+<section>
+ 💡 This is useful if you can't get Markdown to output exactly what you want.
diff --git a/exampleSite/content/home/shortcodes/section.md b/exampleSite/content/home/shortcodes/section.md
index 595729f..bd987fa 100644
--- a/exampleSite/content/home/shortcodes/section.md
+++ b/exampleSite/content/home/shortcodes/section.md
@@ -1,10 +1,10 @@
+++
-weight = 32
+weight = 36
+++
{{% section %}}
-## Section shortcode
+## Section
The `section` shortcode groups slides into a vertical display.
diff --git a/exampleSite/content/home/shortcodes/slide.md b/exampleSite/content/home/shortcodes/slide.md
index 5aa8f91..b61e63d 100644
--- a/exampleSite/content/home/shortcodes/slide.md
+++ b/exampleSite/content/home/shortcodes/slide.md
@@ -2,11 +2,11 @@
weight = 34
+++
-## Slide shortcode
+## Slide
Customize individual slide parameters like background color and transition.
-[See all parameters](https://github.com/hakimel/reveal.js#slide-backgrounds)
+[See all slide params](https://github.com/hakimel/reveal.js#slide-backgrounds)
---
@@ -16,7 +16,9 @@ Customize individual slide parameters like background color and transition.
```
{{%/* slide transition="zoom" transition-speed="fast" */%}}
+
## Custom slide 1
+
{{%/* /slide */%}}
```
@@ -30,7 +32,9 @@ Customize individual slide parameters like background color and transition.
```
{{%/* slide background-color="#FF4081" */%}}
+
## Custom slide 2
+
{{%/* /slide */%}}
```
diff --git a/exampleSite/content/home/usage.md b/exampleSite/content/home/usage.md
index e8cf7d8..af50dfa 100644
--- a/exampleSite/content/home/usage.md
+++ b/exampleSite/content/home/usage.md
@@ -8,7 +8,7 @@ weight = 20
## Prerequisite
-Add this to your `config.toml`:
+First, add this to your `config.toml`:
```toml
[outputFormats.Reveal]
@@ -19,53 +19,9 @@ isHTML = true
---
-## Configure themes
+### Presentation at site root
-Optional. In `config.toml` or front matter of individual presentations.
-
-```toml
-[params.reveal_hugo]
-theme = "moon"
-highlight_theme = "zenburn"
-```
-
-[Reveal.js themes](https://github.com/hakimel/reveal.js/#theming) ·
-[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 camelized and passed to `Reveal.initialize`.
-
-```toml
-[params.reveal_hugo]
-slide_number = true
-transition_speed = 'fast'
-```
-
-[Reveal config params](https://github.com/hakimel/reveal.js/#configuration)
-
----
-
-# Creating presentations
-
----
-
-## Presentation at `/`
-
-In `content/_index.md`:
+Create `content/_index.md`:
```markdown
+++
@@ -74,14 +30,34 @@ outputs = ["Reveal"]
# Slide 1
----
-
-# Slide 2
+Hello world!
```
---
-Put more slides in `content/home/*.md`
+### Add slides in same file
+
+Separate them by `---`:
+
+```
+
+# Slide 1
+
+Hello world!
+
+---
+
+# Slide 2
+
+Hello program!
+
+```
+
+---
+
+### Add slides with other files
+
+Add slides to `content/home/*.md`
```markdown
+++
@@ -95,12 +71,11 @@ weight = 10
# Slide 4
```
-Use `weight` to specify the order relative to other files.
-
+