The Slides item allows the author to create a series of slides. The slides can be used to deliver a learning presentation. Slides are authored using markdown syntax, so this is a feature for advanced users.
There are only three settings:
- The markdown text
- The display theme
- The default font size
Additionally there is a preview button at the bottom of the settings page that allows you to preview the slides in a popup window before saving.
Editing Markdown
Note that Markdown is very sensitive to indentation and spaces / new lines. Notably when making a new slide, the slide marker should be left aligned. If all the content appears on one slide, check the left alignment.
You can see the some slides and edit/view the markdown in the item settings here:
https://demo.poodll.com/mod/minilesson/view.php?id=1862
Headings
To make a heading use the # character
# Biggest heading
## Big heading
### Medium heading
New Slide
To make a new slide put 3 dashes at the beginning of a new line
---
New Vertical Slide
Vertical slides are navigated to with a down arrow. They allow you to put optional content that you (or the viewer) can skip or show. To make vertical slides use 2 dashes at the beginning of a new line.
--
Horizontal Line
To add a partition or horizonal line, use 5 dashes or 3 stars
***
-----
Text Highlighting
Use two stars(**text**) on either side of text for **bold**.
Use an underscore (_text_)** or a star(*text*) on either side of text for _italic_.
Bullet points
Use - for unordered lists
-An item
-Another item
Use 1. 2. etc for ordered lists
1. Item 1
2. Item 2
Images
Add an image name (alt tag) and file name like this:
NB Upload your image of that name into the files area below the markdown area
Tables
Use pipes (`|`)to create tables cells
| id |food|animal |weather|
|----|------|------|----|
| 11 | cheese | elephant | cold |
| 22 | cake | alligator | hot |
Special Characters
Enclose special characters in back ticks to avoid them being parsed as markup when you want to just show them
three hyphens `---`
2 hashes `##`
Slide and Element Attributes
You can change colors and font sizes etc with custom html comments right after the slide break
<!-- .slide: data-background="#ff0000" -->
To add classes like `fragment` to elements, use an HTML comment right after the element.
Example List
- This item appears first. <!-- .element: class="fragment" data-fragment-index="1" -->
- This item appears second. <!-- .element: class="fragment" data-fragment-index="2" -->
- This item appears last . <!-- .element: class="fragment" data-fragment-index="3" -->
# The End