John Doe | College University | July 3, 2020
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.
- Using markdown to write presentations
- Easy lists
- LaTeX math syntax
$$ J(\theta_0,\theta_1) = \sum_{i=0} $$
Code syntax highlighting and animations:
let a = 1;
let b = 2;
let c = x => 1 + 2 + x;
c(3);Notice the background color change.
Use background videos, background pictures and text formatting, everything without breaking your markdown files.
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! 🤯
Showcase media including images, videos and animations.
- This is an example list
- Just to showcase Reveal.js' animations
- This is an example list
- Just to showcase Reveal.js' animations
- This item will be automatically faded-in
let a = 1;
let b = 2;
let c = x => 1 + 2 + x;
c(3);let a = 1;
let b = 2;
let c = x => 1 + 2 + x;
c(3);
c(5);Animate code as well
Insert Youtube videos.
<iframe width="560" height="315" src="https://www.youtube.com/embed/KPfzRSBzNX4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>Insert local videos.
<iframe width="560" height="315" src="media/video.mp4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>Download markdown-slides!
A couple more examples follow.
use markdown to write slides
Author Name
Press down on your keyboard or swipe down.
Vertical slides!
(thanks @porvik!)
As many vertical slides as you like.
Add tables:
| Insert | Tables |
|---|---|
| A row | Another |
| text | more |
Some other text.
You can also use in-line HTML.