John Doe | College University | July 3, 2020 |
Great Title
This is a sample presentation to showcase markdown-slides. The source markdown file is presentation.md.
Use markdown to harness the power of Reveal.js.
Lists and math
- Using markdown to write presentations
- Easy lists
- LaTeX math syntax
$$ J(\theta_0,\theta_1) = \sum_{i=0} $$
Code syntax highlighting and animations:
```js [1-2|3|4] let a = 1; let b = 2; let c = x => 1 + 2 + x; c(3);
Notice the background color change.
[comment]: # (section attributes for the just-ending slide can be specified:)
[comment]: # (!!! data-background-color="aquamarine")
Use background videos, background pictures and **text formatting**,
everything *without breaking* your markdown files.
[comment]: # (Other background options: https://revealjs.com/backgrounds/)
[comment]: # (!!! data-background-video="media/video.mp4", data-background-video-loop data-background-video-muted data-background-opacity="0.2")
Even speaker notes, accessed through the `S` key on your keyboard.
(You may have to allow pop-up windows and try again.)
Note:
This will only appear in the speaker view! 🤯
[comment]: # (!!!)
## Pictures
![picture of spaghetti](media/image0.gif) <!-- .element: style="height:50vh; max-width:80vw; image-rendering: crisp-edges;" -->
Showcase media including images, videos and animations.
[comment]: # (!!!)
## Animations
- This is an example list
- Just to showcase Reveal.js' animations
[comment]: # (!!! data-auto-animate)
## Animations
- This is an example list
- Just to showcase Reveal.js' animations
- This item will be automatically faded-in
[comment]: # (!!! data-auto-animate)
```js [1-2|3|4]
let a = 1;
let b = 2;
let c = x => 1 + 2 + x;
c(3);
js [5] let a = 1; let b = 2; let c = x => 1 + 2 + x; c(3); c(5);
Animate code as well
Insert Youtube videos.
Insert local videos.
Download markdown-slides!
A couple more examples follow.
use markdown to write slides
Author Name
Press down on your keyboard or swipe down.
comment: # ( | Â | Â | ) |
Vertical slides!
(thanks @porvik!)
comment: # ( | Â | Â | ) |
As many vertical slides as you like.
Add tables:
Insert | Tables |
---|---|
A row | Another |
text | more |
Vertical separator
Some other text.
You can also use in-line HTML.
small
large