Slideshows with Markdown!

Slideshows with Markdown!

- 3 mins

reveal.js (Github repo) is an open-source project that lets you generate beautiful slideshows with HTML, CSS and Javascript. Slide content is written inside <section></section> blocks. Sections with the attribute data-markdown to load markdown content. There are two ways to go about this

tl;dr


Seperating content into slides

Writing slide content

There are two ways to add slide content with markdown

In a seperate markdown file

Within index.html

Slide themes

Slide transitions

<section data-transition="slide">
    The train goes on …                 </section>
<section data-transition="slide">
    and on …                            </section>
<section data-transition="slide-in fade-out">
    and stops.                          </section>
<section data-transition="fade-in slide-out">
    (Passengers entering and leaving)   </section>
<section data-transition="slide">
    And it starts again                 </section>
<!-- .slide: data-transition="slide" -->
## Slide attributes
Slide content. 


## Slide 2

Fragments

## Element attributes
- Item 1 <!-- .element: class="fragment" data-fragment-index="2" -->
- Item 2 <!-- .element: class="fragment" data-fragment-index="1" -->
comments powered by Disqus
rss facebook twitter github gitlab youtube mail spotify lastfm instagram linkedin google google-plus pinterest medium vimeo stackoverflow reddit quora quora