"reveal.js is an open source HTML presentation framework. It enables anyone with a web browser to create beautiful presentations for free."
- To see it in action visit reveal.js.
- Also have a look at the github-repository.
- Nested slides
- Markdown support (that's the really cool stuff for us!)
- Auto-Animate
- PDF export
- Speaker notes and preview
- LaTeX typesetting
- syntax highlighted code
- ...
- Slide overview:
Esc - Zoom:
- Windows:
Alt+Click - Linux:
Ctrl+Click
- Windows:
- Speaker view:
S
- Either create a new section in your
index.html, - or seperate your slides in your markdown document by
- adding a newline and
-----(5x)- and a newline
- seperate you slides in your markdown dokument by
- adding a newline and
---(3x)- and a newline
- Use Arrow keys to see step by step fragments.
- HTML-comments are used for that:
<!-- .element: class="fragment" --> - However, markdown file itself doesnt look that great.
- Strange ordering is possible...
- To add notes to your slides (not visible during presentation).
- Add
Note:and your text at the end of your slide. - Try it our here - press
Sand see the note below in Speaker view.
Note:
This text is not visible in presentation mode!
- For slide transitions (like zoom here) see reveal.js transition.
- Different Backgrounds are possible
- single colors (
data-background) - gradients (shown here) (
data-background-gradient) - gifs, videos
- See reveal.js background
- single colors (
- For the important pink color codes see this link.
- Code Higlighting
- Classic markdown stuff, like
- lists
- tables
- links and images
- bold italic
striketrough
- See for example Markdown CheatSheet
- ...and some examples below
with highlighting
public class foo {
private int baa;
public foo() {
baa = 0;
}
}- one
- two
- sub
- three
- one
- two
- sub
- three
$$ J(\theta_0,\theta_1) = \sum_{i=0}^{10} a_i $$
