elemes/docs/09-slides.md

37 lines
1.0 KiB
Markdown
Raw Permalink Normal View History

# 09. Slide Presentasi Interaktif
Blok `---slide-start---` dan `---slide-end---` di materi markdown membuat carousel presentasi interaktif dengan fullscreen mode.
## Format
```markdown
---slide-start---
## Slide 1: Judul
Konten slide ini mendukung teks, gambar, code fence, dan embed.
```c
int main() {
printf("Hello, World!\n");
return 0;
}
```
---slide-end---
```
## Fitur
- **Fullscreen mode** — tombol fullscreen untuk setiap slide
- **Embed support** — Canva, YouTube, Google Docs, Figma di dalam slide
- **Auto-save indicator** — indikator penyimpanan otomatis
- **Progress indicator** — menunjukkan slide ke berapa dari total
## Contoh
Lihat `examples/content/dasar/rangkaian_dasar.md` untuk contoh slide dengan embed Canva dan circuit.
## Catatan
- Slide mendukung semua blok markdown kecuali `---QUIZ_FLASHCARD---` dan `---slide-start---` di dalam slide
- Embed di dalam slide diproses otomatis oleh backend (`_process_embed_embeds()` di loop slide)
- Gambar di slide menggunakan path relatif `/assets/` atau URL absolut