genofire/themen-hugo-35c3-reveal
genofire/themen-hugo-35c3-reveal
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Better illustrate slide shortcode customizations

Browse source
This commit is contained in:
dzello 2018-08-03 15:32:50 +01:00
parent e3387153e6
commit eb6f921b36
1 changed files with 23 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
exampleSite/content/home/shortcodes/slide.md
View file

@ -24,53 +24,65 @@ Add the shortcode above the slide's content, below the `---`.
--- ---
{{< slide id="custom-1" transition="zoom" transition-speed="fast" >}} {{< slide transition="zoom" transition-speed="fast" >}}
## Custom slide 1 ## Custom slide 1
<small>This slide has a fast zoom transition.</small> <small>Did you notice? This slide has a fast zoom transition.</small>
```markdown ```markdown
{{</* slide id="custom-1" transition="zoom" transition-speed="fast" */>}} ---
{{</* slide transition="zoom" transition-speed="fast" */>}}
## Custom slide 1 ## Custom slide 1
---
``` ```
--- ---
{{< slide id="custom-2" background="#FF4081" >}} {{< slide background="#FF4081" >}}
## Custom slide 2 ## Custom slide 2
<small>This slide has a different background color.</small> <small>This slide has a different background color.</small>
```markdown ```markdown
{{</* slide id="custom-2" background="#FF4081" */>}} ---
{{</* slide background="#FF4081" */>}}
## Custom slide 2 ## Custom slide 2
---
``` ```
--- ---
{{< slide id="custom-slide" >}}
💡 Tip: Setting a slide's `id` attribute makes it easy to link to from other parts of the presentation. 💡 Tip: Setting a slide's `id` attribute makes it easy to link to from other parts of the presentation.
<br><br> <br><br>
```markdown ```markdown
--- ---
{{</* slide id="custom-1" */>}}
## Custom slide 1 {{</* slide id="custom-slide" */>}}
## Custom slide
--- ---
``` ```
---
```markdown ```markdown
Go to [custom slide 1](#custom-1) [Try the link](#custom-slide)
``` ```
<small> <br>
Go to [custom slide 1](#custom-1) [Try the link](#custom-slide)
</small>
--- ---