portfolio-site/content/slides/example/index.md

title, date, type, slides

title	date	type	slides
Example Talk: Recent Work	2024-01-01	slides	theme highlight_style diagram reveal_options black dracula true controls progress slideNumber hash true true true true

Example Talk

Dr. Alex Johnson · Meta AI

---

Research Overview

• Multimodal LLMs
• Efficient training
• Responsible AI

---

Code & Math

def score(x: int) -> int:
    return x * x

E = mc^2

---

Dual Column Layout

Left Column

• Point A
• Point B
• Point C

Right Column

• Detail 1
• Detail 2
• Detail 3

---

Main Content (2/3 width)

This column takes up twice the space of the right column.

def example():
    return "code works too"

Sidebar (1/3 width)

Note

Key points in smaller column

---

Image + Text Layout

Results

• 95% accuracy
• 10x faster inference
• Lower memory usage

{{< fragment >}}Breakthrough!{{< /fragment >}}

---

Speaker Notes

Press S to open presenter view with notes!

This slide has hidden speaker notes below.

Note:

• This is a speaker note (only visible in presenter view)
• Press S key to open presenter console
• Perfect for remembering key talking points
• Can include reminders, timing, references
• Supports Markdown formatting too!

---

Progressive Reveals

Content appears step-by-step:

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

{{< fragment >}}Then the second point{{< /fragment >}}

{{< fragment >}}Finally the conclusion{{< /fragment >}}

{{< fragment class="highlight-red" >}}This one can be highlighted!{{< /fragment >}}

Note: Use fragments to control pacing and maintain audience attention. Each fragment appears on click.

---

Diagrams with Mermaid

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

Perfect for: Workflows, architectures, processes

Note: Mermaid diagrams are created from simple text. They're version-controllable and edit anywhere!

---

Research Results

Model	Accuracy	Speed	Memory
Baseline	87.3%	1.0x	2GB
Ours (v1)	92.1%	1.5x	1.8GB
Ours (v2)	95.8%	2.3x	1.2GB

Key Finding: 8.5% improvement over baseline with 40% memory reduction

Note: Tables are perfect for comparative results. Markdown tables are simple and version-control friendly.

---

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

Custom Backgrounds

This slide has a blue background!

You can customize:

• Background colors
• Background images
• Gradients
• Videos (yes, really!)

Use {{</* slide background-color="#hex" */>}}

---

Vertical Navigation

There's more content below! ⬇️

Press the Down Arrow to see substeps.

Note: This demonstrates Reveal.js's vertical slide feature. Great for optional details or deep dives.

---

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

Substep 1: Details

This is additional content in a vertical stack.

Navigate down for more, or right to skip to next topic →

---

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

Substep 2: More Details

Even more detailed information.

Press Up Arrow to go back, or Right Arrow to continue.

---

Citations & Quotes

"The best way to predict the future is to invent it."

— Alan Kay

Or reference research:

Recent work by Smith et al. (2024) demonstrates that Markdown-based slides improve reproducibility by 78% compared to proprietary formats¹ .

---

Media: YouTube Videos

{{< youtube dQw4w9WgXcQ >}}

Note: Embed YouTube videos with just the video ID. Perfect for demos, tutorials, or interviews.

---

Media: All Options

Embed various media types with simple shortcodes:

• YouTube: {{</* youtube VIDEO_ID */>}}
• Bilibili: {{</* bilibili id="BV1..." */>}}
• Local videos: {{</* video src="file.mp4" controls="yes" */>}}
• Audio: {{</* audio src="file.mp3" */>}}

Perfect for demos, interviews, tutorials, or podcasts!

Note: All media types work seamlessly in slides. Just use the appropriate shortcode.

---

Interactive Elements

Try these keyboard shortcuts:

• → ← : Navigate slides
• ↓ ↑ : Vertical navigation
• S : Speaker notes
• F : Fullscreen
• O : Overview mode
• / : Search
• ESC : Exit modes

---

Thanks

Questions?

• 🌐 Website: hugoblox.com
• 🐦 X/Twitter: @BuildLore
• 💬 Discord: Join Community
• ⭐ GitHub: Star us!

All slides created with Markdown • No vendor lock-in • Edit anywhere

Note: Thank you for your attention! Feel free to reach out with questions or contributions.

---

1. Smith, J. et al. (2024). Open Science Presentations. Nature Methods. ↩︎