An open API service indexing awesome lists of open source software.

https://github.com/dklesev/slidev-theme-ebpf-vienna

eBPF Vienna theme for slidev
https://github.com/dklesev/slidev-theme-ebpf-vienna

ebpf meetup slidev-theme vienna

Last synced: 4 months ago
JSON representation

eBPF Vienna theme for slidev

Awesome Lists containing this project

README

          

# slidev-theme-ebpf-vienna

[![NPM version](https://img.shields.io/github/v/release/dklesev/slidev-theme-ebpf-vienna?label=version)](https://github.com/dklesev/slidev-theme-ebpf-vienna/packages)
[![License](https://img.shields.io/npm/l/slidev-theme-ebpf-vienna)](./LICENSE)
[![Node version](https://img.shields.io/node/v/slidev-theme-ebpf-vienna)](https://nodejs.org)

A Slidev theme designed for [eBPF Vienna](https://www.meetup.com/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:

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

Then install the theme:

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

Or using pnpm:

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

## Usage

Add the following frontmatter to your `slides.md`:

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

Start Slidev and the theme will be automatically applied:

```bash
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.

```yaml
---
layout: cover
---

# Your Presentation Title
optional subtitle
```

![Cover Layout](https://raw.githubusercontent.com/dklesev/slidev-theme-ebpf-vienna/main/screenshots/1.png)

### `lead`

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

```yaml
---
layout: lead
---

# Section Title
```

![Lead Layout](https://raw.githubusercontent.com/dklesev/slidev-theme-ebpf-vienna/main/screenshots/2.png)

### `intro`

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

```yaml
---
layout: intro
---

# Introduction
Your intro content
```

### `default`

Standard slide layout for regular content.

![Default Layout](https://raw.githubusercontent.com/dklesev/slidev-theme-ebpf-vienna/main/screenshots/5.png)

### `empty`

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

```yaml
---
layout: empty
---




```

![Empty Layout](https://raw.githubusercontent.com/dklesev/slidev-theme-ebpf-vienna/main/screenshots/7.png)

## Included Addons

This theme comes pre-configured with:

- **[slidev-component-spotlight](https://github.com/Zerodya/slidev-component-spotlight)** - Highlight specific areas of your slides
- **[slidev-addon-qrcode](https://github.com/Zhengqbbb/slidev-addon-qrcode)** - Generate QR codes for easy link sharing

## Example

See [example.md](./example.md) for a complete example presentation showcasing all available layouts and features.

To preview the example:

```bash
pnpm run dev
```

## Development

To develop this theme locally:

```bash
# 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](./LICENSE) file for details.

## Links

- [eBPF Vienna Meetup](https://www.meetup.com/ebpf-vienna/)
- [eBPF Foundation](https://ebpf.io)
- [Slidev Documentation](https://sli.dev)

## Credits

Created for the [eBPF Vienna](https://www.meetup.com/ebpf-vienna/) community.