Revealer demo

Based on reveal.js


First author, Second author
Anywhere, 01/01/4321
Principle
Slides are designed with text!

This whole presentation has been created just by typing html in a text editor.
=== Principle

Slides are designed with text! 
This whole presentation has been created just by typing html in a text editor.
How does it work?
Reveal.js formats presentations for web browsers

Watch the demo for an introduction 😀
Which text editor?
Any text editor will do the job

But VScode is a good companion editor
with the Run on save and Live Server plugins
The interface is highly controllable

Try the key bindings!
  • Slide navigation: Arrows
  • Pause: V
  • Slide overview: ESC
  • Zoom: Ctrl + Click
  • Full screen: F / ESC
  • Speaker's view: S
  • Chalkboard: C or B / Suppr
This template is highly customisable
  • Change content and structure
  • Include your own logos
  • Develop your own features
Two columns slides

Continuous case

Positions & angles are real values

  • Velocity rule
  • Orientation rule

Discrete case

Sitting on squares, 4 orientations

  • Velocity rule
  • Orientation rule
Table slides

Cell A

Centered text
  • Item 1
  • Item 2
$E = mc^2$
Bottom left
Bottom center
Bottom right
Export to pdf
You can export to pdf by adding ?print-pdf
to the presentation's URL
path/to/my/pres/index.html?print-pdf
path/to/my/pres/index.html?print-pdf&showNotes=true

Or simply click here
Caveat: only works with Chrome

Section slide

Equations
This is a test for math: $x = 0$. Is it ok ?
Animated SVG
Reveal SVG elements step by step by referencing their id.