# Quick Start

## Installation & Run

```bash
cd /Users/Akasha/personal/0-Jobs/rustikon-2026-slides
npm install
npm run dev
```

Then open http://localhost:3030

## Edit Slides

Edit `slides.md` in your editor. Changes hot-reload automatically.

## Key Commands During Presentation

- `f` - Fullscreen
- `p` - Presenter view with notes
- `g` - Go to slide number
- `o` - Overview mode
- `ESC` - Exit presentation

## Export

```bash
# Export as PDF
npm run export:pdf

# Export as PNG (one per slide)
npm run export:png

# Build static HTML
npm run build
```

## Theme

Custom dark theme with Rust orange is in `theme/dark-rust.css`

Modify colors:
- Rust orange: `#CE422B`
- Background: `#0F0F0F`
- Text: `#E8E8E8`

## Add Images

1. Place images in `public/` directory
2. Reference in slides.md: `![Alt](/image.png)`

## Slide Syntax

See [Slidev docs](https://sli.dev/guide/syntax.html) for full syntax.

Quick examples:

```markdown
---
layout: cover
---
# Title Slide

---
layout: two-cols
---

# Left
Content

::right::
# Right
Content

---
layout: section
---
# Section Title

---

Regular slide with **bold**, *italic*, `code`

- Bullet points
- With nesting
  - Level 2
```

## Speaker Notes

Notes at the bottom of each slide:

```markdown
---
layout: default
---

# Slide Title

Slide content

<style>
/* Slide-specific CSS */
</style>
```

Press `p` during presentation to see presenter view with notes.

Done! Happy presenting. 🦀
