HTML Presentation Slides
Thomas Lochmatter, 2024
Press
F11
to go fullscreen, and P
to switch to presentation mode. Esc
opens the slide index and settings.
1
Modern web browsers
have everything
to make great
presentations.
have everything
to make great
presentations.
2
3
4
5
And videos.
6
But with your slides in the web browser
you can do much more.
you can do much more.
7
You can integrate maps.
8
Run live simulations.
Ceiling hits: 0
9
And show the corresponding math.
At each time step, the ball position \(p\) is updated as follows:
$$ p_{n+1} = p_{n} + v_n $$
The velocity \(v\) undergoes friction \(f\) and gravity \(g\):
$$ v_{n+1} = f v_{n} + \left( \begin{array}{c} 0 \\ g \end{array} \right) $$
For this simulation, we chose:
$$ f = 0.995 $$
$$ g = -0.1 $$
Equations are rendered using MathJax.
10
Show 3D models.
11
Or do interactive stuff.
Type a word
This is your word spelled backwards
12
You can run your HTML presentation
from your local computer.
from your local computer.
Everything is inside one folder.
Just double-click on index.html.
Just double-click on index.html.
13
Or publish it on the web.
Just copy the whole folder onto a HTTP server.
14
To create your own HTML presentation,
download the template from GitHub:
https://github.com/d28b/html-slides
download the template from GitHub:
https://github.com/d28b/html-slides
15