1---
2reveal: true
3theme: black
4transition: slide
5---
6
7# Reveal.js in Sublimated
8
9interactive presentations with animations
10
11---
12
13## Fragments
14
15content appears step by step on click:
16
17- first point
18- second point
19- third point
20
21---
22
23## Vertical slides
24
25reveal.js supports 2D navigation — horizontal slides with vertical sub-slides
26
27press down arrow to explore
28
29---
30
31## Code highlighting
32
33```python
34def fibonacci(n):
35    if n <= 1:
36        return n
37    return fibonacci(n - 1) + fibonacci(n - 2)
38```
39
40---
41
42## How it works
43
441. write markdown with `reveal: true` in front matter
452. separate slides with `---`
463. push via git
474. sublimated renders `<section>` elements at build time
485. reveal.js loads from CDN on the client (~300KB)
49
50---
51
52## Themes
53
54set `theme` in front matter:
55
56- black (default)
57- white
58- league
59- beige
60- moon
61- night
62- serif
63- simple
64- solarized
65- blood
66- sky
67
68---
69
70## Transitions
71
72set `transition` in front matter:
73
74none, fade, slide, convex, concave, zoom
75
76---
77
78# Thanks
79
80push this file to see it rendered as a live presentation