Presentations & Slides

# First Slide

Content here

---

## Second Slide

More content

---

## Third Slide

And so on...

```python
def calculate_accuracy(y_true, y_pred):
    correct = sum(1 for true, pred in zip(y_true, y_pred) if true == pred)
    return correct / len(y_true) * 100
```

Einstein's famous equation is $E = mc^2$.

$$
\nabla \times \vec{E} = -\frac{\partial \vec{B}}{\partial t}
$$

## My Slide

Visible content here

Note:
- This is a speaker note (press S to view)
- Only you see these in presenter mode
- Perfect for talking points and reminders

## Visible Slide

This slide will appear in the presentation.

---
<!-- hide -->
## Hidden Slide

This slide won't appear but stays in source for reference.

Perfect for:
- Backup slides in case of questions
- Speaker-only reference material
- Work-in-progress content
- Alternative explanations

---

## Another Visible Slide

Back to normal presentation flow.

slides:
  # Existing front matter here...

  # Branding configuration
  branding:
    logo:
      filename: "your-logo.svg"    # Must be in assets/media/
      position: "top-right"        # top-left, top-right, bottom-left, bottom-right
      width: "60px"
    title:
      show: true
      text: ""                     # Optional: override page title
      position: "bottom-left"
    author:
      show: true
      position: "bottom-right"
    footer:
      text: "© 2024 Your Name · ICML 2024"
      position: "bottom-center"

slides:
  branding:
    logo:
      filename: "logo.svg"     # File in assets/media/ (SVG recommended)
      position: "top-right"    # Position on slide
      width: "80px"            # Logo width (height auto-scales)
      margin: "20px"           # Distance from edge (optional)
      alt: "Logo"              # Alt text for accessibility
    
    title:
      show: true               # Enable title overlay
      position: "bottom-left"  # Position on slide
      text: "Short Title"      # Optional: override page title
      margin: "20px"           # Distance from edge (optional)
    
    author:
      show: true               # Enable author overlay
      position: "bottom-right" # Position on slide
      margin: "20px"           # Distance from edge (optional)
    
    footer:
      text: "© 2024 · [Your Lab](https://yourlab.com)"  # Markdown supported
      position: "bottom-center"
      margin: "20px"           # Distance from edge (optional)

---

<!-- no-branding -->
# My Title Slide

This slide has no branding elements.

---

## Regular Slide

This slide shows branding normally.

slides:
  branding:
    logo:
      filename: "university-logo.svg"
      position: "top-right"
      width: "60px"
    footer:
      text: "© My University"
      position: "bottom-center"

## Main Topic

Overview content here

Press **↓** for details

---

{{< slide id="detail-1" >}}

### Detail Level 1

More information

---

{{< slide id="detail-2" >}}

### Detail Level 2

Even more detail

Press **→** to continue

slides:
  theme: black  # black, white, league, sky, beige, simple, serif, blood, night, moon, solarized

slides:
  highlight_style: dracula  # dracula, monokai, github, etc.

{{< slide background-color="#1e3a8a" >}}

## Blue Background

This slide has a custom blue background!

---

{{< slide background-image="background.jpg" >}}

## Image Background

Content over image

---

{{< slide background-video="video.mp4" >}}

## Video Background

Dynamic background!

## Step-by-Step

{{< fragment >}}First appears{{< /fragment >}}

{{< fragment >}}Then this{{< /fragment >}}

{{< fragment >}}Finally this{{< /fragment >}}

{{< fragment class="highlight-red" >}}Highlighted!{{< /fragment >}}

# Enable in frontmatter:
slides:
  diagram: true

## Research Workflow

```mermaid
graph LR
    A[Question] --> B{Hypothesis}
    B -->|Valid| C[Experiment]
    B -->|Invalid| D[Revise]
    C --> E[Analyze]
    E --> F{Significant?}
    F -->|Yes| G[Publish]
    F -->|No| D
```

---
title: "My Presentation"
date: 2024-01-15
type: slides

# Slide settings
slides:
  # Theme (black, white, league, sky, beige, simple, serif, blood, night, moon, solarized)
  theme: black
  
  # Code highlighting theme
  highlight_style: dracula
  
  # Enable Mermaid diagrams
  diagram: true
  
  # Reveal.js options
  reveal_options:
    controls: true              # Show navigation controls
    progress: true              # Show progress bar
    slideNumber: true           # Show slide numbers
    hash: true                  # URL reflects slide position
    history: true               # Browser history per slide
    keyboard: true              # Keyboard shortcuts
    overview: true              # Overview mode (ESC)
    center: true                # Vertically center slides
    touch: true                 # Touch navigation
    loop: false                 # Loop presentation
    rtl: false                  # Right-to-left
    shuffle: false              # Randomize slide order
    fragments: true             # Fragment animations
    fragmentInURL: false        # Fragment state in URL
    help: true                  # Show help overlay (?)
    showNotes: false            # Show speaker notes to all
    autoPlayMedia: null         # Auto-play media (null|true|false)
    preloadIframes: null        # Preload iframes (null|true|false)
    autoSlide: 0                # Auto-advance delay (0=off)
    autoSlideStoppable: true    # Stop auto-slide on interaction
    mouseWheel: false           # Mouse wheel navigation
    hideInactiveCursor: true    # Hide cursor when inactive
    hideCursorTime: 5000        # Cursor hide delay (ms)
    menu_enabled: true          # Enable slide menu plugin
---

# Your slides content here

---
title: "My Talk"
type: slides

slides:
  theme: black
---

## Benchmark Results

| Model | Accuracy | Latency | Memory |
|-------|----------|---------|--------|
| GPT-3 | 87.3% | 450ms | 4GB |
| GPT-4 | 92.1% | 890ms | 8GB |
| **Ours** | **95.8%** | **320ms** | **2GB** |

## Related Work

> "The best way to predict the future is to invent it."  
> — Alan Kay

Recent research by Chen et al. (2024) demonstrates significant improvements[^1].

[^1]: Chen, S. et al. (2024). *Advances in AI*. Nature.

## Implementation

**Training:**
\`\`\`python
model = Transformer(d_model=512)
optimizer = Adam(model.parameters(), lr=1e-4)
\`\`\`

**Inference:**
\`\`\`python
output = model.generate(prompt, max_tokens=100)
\`\`\`

<div>
### This won't work
</div>

<div>

### This works!

</div>

---
title: "My Amazing Talk"
date: 2024-06-15
type: slides

slides:
  theme: black
  highlight_style: dracula
  diagram: true
  reveal_options:
    controls: true
    progress: true
    slideNumber: true
---

# Title Slide
### Your Name

---

## Agenda

- Introduction
- Methods
- Results
- Conclusion

---

# Thank You!

Questions?

{{< slide id="custom" class="my-class" data-background-color="#ff0000" >}}

## Custom Slide

This slide has:
- Custom ID for linking
- Custom CSS class
- Red background

slides:
  reveal_options:
    autoSlide: 5000  # Auto-advance every 5 seconds
    loop: true       # Loop back to start

https://yoursite.com/slides/my-talk/

<iframe src="https://yoursite.com/slides/my-talk/" 
        width="960" height="540" frameborder="0">
</iframe>