slidev-theme-ebpf-vienna

A Slidev theme designed for eBPF Vienna meetup presentations. This theme provides a clean, modern interface tailored for technical presentations about eBPF (extended Berkeley Packet Filter).

Features

• 🎨 Custom layouts optimized for technical content
• 🖼️ eBPF Vienna branding and styling
• 📦 Pre-configured with useful Slidev addons
• 🔧 Syntax highlighting for C code examples
• 📱 QR code support for easy sharing

Installation

This package is published to GitHub Packages. First, configure npm to use GitHub Packages for the @dklesev scope:

# Create or edit ~/.npmrc
echo "@dklesev:registry=https://npm.pkg.github.com" >> ~/.npmrc

Then install the theme:

npm install @dklesev/slidev-theme-ebpf-vienna

Or using pnpm:

pnpm add @dklesev/slidev-theme-ebpf-vienna

Usage

Add the following frontmatter to your slides.md:

---
theme: @dklesev/ebpf-vienna
---

Start Slidev and the theme will be automatically applied:

pnpm run dev

Layouts

This theme provides the following layouts:

cover

The title slide layout with eBPF Vienna branding. Features centered content with the eBPF logo and "VIENNA" text at the bottom.

---
layout: cover
---

# Your Presentation Title
optional subtitle

lead

A layout for section dividers or emphasis slides. Content is vertically centered.

---
layout: lead
---

# Section Title

intro

Similar to lead layout, used for introductory content with centered text.

---
layout: intro
---

# Introduction
Your intro content

default

Standard slide layout for regular content.

empty

Blank layout with no default styling, useful for custom content like QR codes.

---
layout: empty
---

<div class="flex flex-col items-center">
  <QRCode data="https://example.com" />
</div>

Included Addons

This theme comes pre-configured with:

• slidev-component-spotlight - Highlight specific areas of your slides
• slidev-addon-qrcode - Generate QR codes for easy link sharing

Example

See example.md for a complete example presentation showcasing all available layouts and features.

To preview the example:

pnpm run dev

Development

To develop this theme locally:

# Install dependencies
pnpm install

# Start dev server with example slides
pnpm run dev

# Build example slides
pnpm run build

# Export example to PDF
pnpm run export

# Generate PNG screenshots
pnpm run screenshot --output ./screenshots

Contributing

Contributions are welcome! Please feel free to submit issues and pull requests.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

MIT License - see the LICENSE file for details.

Links

• eBPF Vienna Meetup
• eBPF Foundation
• Slidev Documentation

Credits

Created for the eBPF Vienna community.