https://github.com/datarootsio/slidev-theme-dataroots

Slidev theme with dataroots branding and colors.
https://github.com/datarootsio/slidev-theme-dataroots

slidev slidev-theme

Last synced: 3 months ago
JSON representation

Slidev theme with dataroots branding and colors.

• Host: GitHub
• URL: https://github.com/datarootsio/slidev-theme-dataroots
• Owner: datarootsio
• License: mit
• Created: 2023-09-18T09:15:41.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-20T04:10:56.000Z (over 2 years ago)
• Last Synced: 2025-09-30T07:56:45.158Z (9 months ago)
• Topics: slidev, slidev-theme
• Language: Vue
• Homepage: https://datarootsio.github.io/slidev-theme-dataroots/
• Size: 1.3 MB
• Stars: 1
• Watchers: 5
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Slidev Theme Dataroots

Based on the [`slidev-theme-meetup`](https://github.com/tboerger/slidev-theme-meetup), with some dataroots branding and colors! (Credits to them!)

## Install

Add the following frontmatter to your `slides.md`. Add the `slidev-theme-dataroots` project as a git dependency.

```md

---

theme: meetup

layout: intro

lineNumbers: false

themeConfig:

  title: Welcome to Slidev

  twitter: example

  github: example

  linkedin: example

---

```

This themes requires `qrious` to generate QR codes - you may need to install them manually.

## Examples

### Intro

```md

---

layout: intro

---

```

![intro slide](https://raw.githubusercontent.com/datarootsio/slidev-theme-dataroots/main/example-export/001.png)

### Presenter

```md

---

layout: presenter

photo: /images/tboerger.jpg

---

```

![presenter slide](https://raw.githubusercontent.com/datarootsio/slidev-theme-dataroots/main/example-export/002.png)

### Twocols

```md

---

layout: twocols

---

```

![twocols slide](https://raw.githubusercontent.com/datarootsio/slidev-theme-dataroots/main/example-export/003.png)

### Center

```md

---

layout: center

---

```

![center slide](https://raw.githubusercontent.com/datarootsio/slidev-theme-dataroots/main/example-export/004.png)

### Cover

```md

---

layout: cover

---

```

![cover slide](https://raw.githubusercontent.com/datarootsio/slidev-theme-dataroots/main/example-export/005.png)

### Window

```md

---

layout: window

---

```

![window slide](https://raw.githubusercontent.com/datarootsio/slidev-theme-dataroots/main/example-export/006.png)

### Default

```md

---

layout: default

---

```

![default slide](https://raw.githubusercontent.com/datarootsio/slidev-theme-dataroots/main/example-export/007.png)

### Qrcode

```md

---

layout: qrcode

url: https://github.com/datarootsio/slidev-theme-dataroots

---

```

![qrcode slide](https://raw.githubusercontent.com/datarootsio/slidev-theme-dataroots/main/example-export/008.png)

## Components

### CornerHex

Just hexagons 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

```

## License

[MIT](https://opensource.org/license/mit/)