@@ -14,89 +14,23 @@ See this page [Custom CSS](Templating/Custom-CSS)
...
@@ -14,89 +14,23 @@ See this page [Custom CSS](Templating/Custom-CSS)
## Adding Vertical Slides
## Adding Vertical Slides
You can add an arbitrary amount of vertical slides layers by adding `.sub` to a slide header
See [Slide-Layout#vertical-slides](Slide-Layout#vertical-slides)
```
# First Slide
Lorem Ipsum
# Level 1 below {.sub}
dolor sit amet
# Level 2 below {.sub}
consectetur adipiscing elit
```
## Creating fragments (elements appearing one after another)
## Creating fragments (elements appearing one after another)
- You can create blocks of content that appear only if you continue clicking by adding `.fragment` to them.
See [Slide-Layout#fragments](Slide-Layout#fragments) for block fragments.
- You can create lists where the items appear after another by prepending `>` to the list items
**Block Example:**
See [Slide-Layout#fragmented-lists](Slide-Layout#fragmented-lists) for fragmented lists.
```
# Slide
## First Block
This sentence is visible from the beginning
## Second Block {.fragment}
Appears if you go continue with the presentation
```
**List Example:**
(Further information on lists in markdown: [https://pandoc.org/MANUAL.html#lists](https://pandoc.org/MANUAL.html#lists))
```
> - First Element
- Second Element
- Third Element
```
## Creating columns
## Creating columns
There are multiple ways to create columns in decker.
See [Slide-Layout#column-layout](Slide-Layout#column-layout)
```
# Column Example {layout="columns"}
## Left {.left}
## Center {.center}
## Right {.right}
```
You can also define your own column widths. Keep an eye on line breaks though. Adding up the column widths to exactly **100%** seems to cause the rightmost column to break into a new line.
```
# Column test
## Left {.column width=30%}
## Right {.column width=60%}
```
You can combine columns with [fragments](https://gitlab2.informatik.uni-wuerzburg.de/decker/decker/wikis/FAQ#how-do-i-create-fragments-elements-appearing-one-after-another)
## Adding speaker notes
## Adding speaker notes
Add `{.notes}` to a slide title. This slide is then used as the speaker notes for the slide above it.
See [Presenting-with-Decker#speaker-notes](Presenting-with-Decker#speaker-notes)
If you press the key `s` during a presentation, a speaker notes popup will open.
