Skip to content

tboerger/slidev-theme-meetup

Repository files navigation

Slidev Theme Meetup

NPM version Build

A theme used for talks on meetups for Slidev. Generally it's a combination of different themes like Unicorn, Purplin and 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.

---
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:

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:

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

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

Examples

Intro

---
layout: intro
---

intro slide

Presenter

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

presenter slide

Twocols

---
layout: twocols
---

twocols slide

Center

---
layout: center
---

center slide

Cover

---
layout: cover
---

cover slide

Window

---
layout: window
---

window slide

Default

---
layout: default
---

default slide

Qrcode

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

qrcode slide

Components

CornerCurves

Just curves shown within the slides.

<CornerCurves class="absolute left-0 top-0 transform rotate-90" />

WindowConsole

Display content in a terminal window.

<WindowConsole class="rounded-lg shadow-lg object-cover z-10">
  Content
</WindowConsole>

LayoutHeader

General header part of every slide.

<LayoutHeader />

LayoutFooter

General footer part of every slide.

<LayoutFooter />

Security

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

Contributing

Fork -> Patch -> Push -> Pull Request

Authors

License

CC-BY-SA-4.0

Copyright

Copyright (c) 2022 Thomas Boerger <thomas@boerger.ws>