1---
2marp: true
3theme: default
4paginate: true
5---
6
7# Welcome to Sublimated
8
9markdown slides, live at a URL
10
11---
12
13## How it works
14
151. write markdown with `marp: true` in front matter
162. separate slides with `---`
173. push via git or save via file provider
184. presentation is live instantly
19
20---
21
22## Features
23
24- keyboard navigation (arrow keys, space)
25- swipe on mobile
26- fullscreen (press F)
27- slide counter
28- hash-based deep linking (#slide=3)
29
30---
31
32## Code blocks work
33
34```javascript
35const slides = document.querySelectorAll('section');
36let current = 0;
37
38function navigate(delta) {
39  slides[current].classList.remove('active');
40  current = Math.max(0, Math.min(current + delta, slides.length - 1));
41  slides[current].classList.add('active');
42}
43```
44
45---
46
47## Images and lists
48
49- bullet points work normally
50- **bold** and *italic* too
51- `inline code` as expected
52
53| feature | supported |
54|---------|-----------|
55| tables | yes |
56| lists | yes |
57| code | yes |
58
59---
60
61<!-- _backgroundColor: #1a1a2e -->
62<!-- _color: #e6e6e6 -->
63
64## Custom slide styling
65
66per-slide directives via HTML comments
67
68background color, text color, and class overrides
69
70---
71
72# Thanks
73
74push this file to see it rendered as a live presentation