Slidev Theme Meetup

 

A theme used for talks on meetups for [Slidev][slidev]. Generally it's a
combination of different themes like [Unicorn][unicorn], [Purplin][purplin] and
[Penguin][penguin] where I took different snippets from.

Install

Add the following frontmatter to your slides.md. Start Slidev then it will
prompt you to install the theme automatically. Learn more about how to use a
theme within the [documentation][themes].

``md
---
theme: meetup
layout: intro
lineNumbers: false
themeConfig:
title: Welcome to Slidev
twitter: example
github: example
---
`

This themes requires additional packages beside the theme itself and the above
configuration:

`console
npm install vite-svg-loader qrious
`

Finally you also got to provide a customized vite.config.js as this is
required to load the used SVGs:

`ts
import { defineConfig } from 'vite'
import svgLoader from 'vite-svg-loader'

export default defineConfig({
plugins: [
svgLoader(),
],
})
`

Examples

$3

`md
---
layout: intro
---
`

!intro slide

$3

`md
---
layout: presenter
photo: /images/tboerger.jpg
---
`

!presenter slide

$3

`md
---
layout: twocols
---
`

!twocols slide

$3

`md
---
layout: center
---
`

!center slide

$3

`md
---
layout: cover
---
`

!cover slide

$3

`md
---
layout: window
---
`

!window slide

$3

`md
---
layout: default
---
`

!default slide

$3

`md
---
layout: qrcode
url: https://example.com
---
`

!qrcode slide

Components

$3

Just curves shown within the slides.

`vue

`

$3

Display content in a terminal window.

`vue

Content

`

$3

General header part of every slide.

`vue

`

$3

General footer part of every slide.

`vue

`

Security

If you find a security issue please contact thomas@boerger.ws first.

Contributing

Fork -> Patch -> Push -> Pull Request

Authors

* Thomas Boerger

License

CC-BY-SA-4.0

Copyright

`console
Copyright (c) 2022 Thomas Boerger
``

[slidev]: https://github.com/slidevjs/slidev
[unicorn]: https://github.com/Dawntraoz/slidev-theme-unicorn/
[purplin]: https://github.com/moudev/slidev-theme-purplin/
[penguin]: https://github.com/alvarosabu/slidev-theme-penguin/
[themes]: https://sli.dev/themes/use.html