Skip to content

Changes

Page history
Update Slide Layout authored by Eric Hauke's avatar Eric Hauke
Hide whitespace changes
Inline Side-by-side
Slide-Layout.md
View page @ b0e24c7f
......@@ -48,7 +48,7 @@ This spans across the bottom of all columns
<img src="uploads/0cb7fd0fcdd09b4ab6370a7d9f493ec1/image.png" width=60% height=60%>
## Split
To split the layout of a slide into two columns at your point of choosing add the `{.split}` parameter to a level 2 [header](https://gitlab2.informatik.uni-wuerzburg.de/s334445/decker-struktur-wiki/-/wikis/Slide-Layout#headers).
To split the layout of a slide into two columns at your point of choosing add the `{.split}` parameter to a level 2 [header](https://gitlab2.informatik.uni-wuerzburg.de/decker/decker/-/wikis/Slide-Layout#headers).
```markdown
# Haskell
......@@ -66,7 +66,7 @@ Haskell logo: ![](img/haskell.png){width=60%}
<img src="uploads/3e00de665de92340597b2ecc806e3ade/image.png" width=60% height=60%>
## Grid Layout
Use a grid layout in slides by adding `{.grid}` to the slide [header](), and by defining columns using level-2 headers (##) with the position of each column noted as `{.top-left}`,`{.top}`,`{.top-right}`,`{.left}`, `{.center}`,`{.right}`,`{.bottom-left}`,`{.bottom}`, or `{.bottom-right}`.
Use a grid layout in slides by adding `{.grid}` to the slide [header](https://gitlab2.informatik.uni-wuerzburg.de/decker/decker/-/wikis/Slide-Layout#headers), and by defining columns using level-2 headers (##) with the position of each column noted as `{.top-left}`,`{.top}`,`{.top-right}`,`{.left}`, `{.center}`,`{.right}`,`{.bottom-left}`,`{.bottom}`, or `{.bottom-right}`.
```markdown
# Grid Layout {.grid}
......@@ -85,7 +85,7 @@ Use a grid layout in slides by adding `{.grid}` to the slide [header](), and by
<img src="uploads/4129f7b6f8b493c93170ca417a7a89ac/image.png" width=70% height=70%>
## Vertical Slides
Add slides below the current slide by adding `{.sub}` to the slide header. Navigate to these slides using the `↓` key or by pressing the space-bar. The yaml option `vertical-slides` defaults to `true`.
Add slides below the current slide by adding `{.sub}` to the slide`s [level 1 header](https://gitlab2.informatik.uni-wuerzburg.de/decker/decker/-/wikis/Slide-Layout#headers). Navigate to these slides using the `↓` key or by pressing the space-bar. The yaml option `vertical-slides` defaults to `true`.
<img src="uploads/e230963071b27fa9bf2be8d5ef2feaa2/image.png" width=60% height=60% >
......@@ -113,7 +113,7 @@ template:
You can set images or color as your slide background.
The last image in a level 1 `#` [header]() is promoted to the slide background.
The last image in a level 1 `#` [header](https://gitlab2.informatik.uni-wuerzburg.de/decker/decker/-/wikis/Slide-Layout#headers) is promoted to the slide background.
To color your background add `{style="background-color:COLOR"}`. COLOR is a standin for any other color you wish to use e.g. `green`.
**Example:**
......@@ -127,7 +127,7 @@ To color your background add `{style="background-color:COLOR"}`. COLOR is a stan
# Element Layout
## Fragments
Adding the `{.fragment}` parameter to [headers](https://gitlab2.informatik.uni-wuerzburg.de/s334445/decker-struktur-wiki/-/wikis/Slide-Layout#headers) allows for a divded slides into segments, which get revealed sequentially.
Adding the `{.fragment}` parameter to [headers](https://gitlab2.informatik.uni-wuerzburg.de/decker/decker/-/wikis/Slide-Layout#headers) allows for a divded slides into segments, which get revealed sequentially.
<img src="" width=80% height=80%>
......