John DoeCollege UniversityJuly 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.

logo

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:

InsertTables
A rowAnother
textmore

Vertical separator


Some other text.

You can also use in-line HTML.

small
large