https://github.com/tboerger/slidev-theme-meetup
Meetup theme for Slidev
https://github.com/tboerger/slidev-theme-meetup
slidev slidev-theme
Last synced: 2 months ago
JSON representation
Meetup theme for Slidev
- Host: GitHub
- URL: https://github.com/tboerger/slidev-theme-meetup
- Owner: tboerger
- License: cc-by-sa-4.0
- Created: 2022-09-15T12:07:34.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2025-04-14T08:03:46.000Z (about 1 year ago)
- Last Synced: 2025-04-15T05:18:01.249Z (about 1 year ago)
- Topics: slidev, slidev-theme
- Language: Vue
- Homepage:
- Size: 33.4 MB
- Stars: 16
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Slidev Theme Meetup
[](https://www.npmjs.com/package/slidev-theme-meetup) [](https://github.com/tboerger/slidev-theme-meetup/actions/workflows/build.yml)
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
### Intro
```md
---
layout: intro
---
```
### Presenter
```md
---
layout: presenter
photo: /images/tboerger.jpg
---
```
### Twocols
```md
---
layout: twocols
---
```
### Center
```md
---
layout: center
---
```
### Cover
```md
---
layout: cover
---
```
### Window
```md
---
layout: window
---
```
### Default
```md
---
layout: default
---
```
### Qrcode
```md
---
layout: qrcode
url: https://example.com
---
```
## Components
### CornerCurves
Just curves shown within the slides.
```vue
```
### WindowConsole
Display content in a terminal window.
```vue
Content
```
### LayoutHeader
General header part of every slide.
```vue
```
### LayoutFooter
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](https://github.com/tboerger)
## License
[CC-BY-SA-4.0](http://creativecommons.org/licenses/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