Giter Club home page Giter Club logo

slidev-theme-meetup's Introduction

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 [email protected] first.

Contributing

Fork -> Patch -> Push -> Pull Request

Authors

License

CC-BY-SA-4.0

Copyright

Copyright (c) 2022 Thomas Boerger <[email protected]>

slidev-theme-meetup's People

Contributors

renovate[bot] avatar tboerger avatar semantic-release-bot avatar murilo-cunha avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.