https://github.com/sebasg22/slidev-prft-theme
https://github.com/sebasg22/slidev-prft-theme
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/sebasg22/slidev-prft-theme
- Owner: SebasG22
- Created: 2022-07-09T16:37:19.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-16T12:42:50.000Z (almost 4 years ago)
- Last Synced: 2025-03-08T04:29:32.309Z (over 1 year ago)
- Language: Vue
- Size: 59.6 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @slidev/theme-prft-theme
A Perficient like theme for [Slidev](https://github.com/slidevjs/slidev).
This theme match the perficient look and feel.
Inspired by the [Apple Theme](https://github.com/slidevjs/themes/tree/main/packages/theme-apple-basic) for Slidev.
## Install
Add the dependency into your package.json from github.
"slidev-theme-prft-theme": "github:SebasG22/slidev-prft-theme#6f4b16e8c0e659632dd5c1c46d64c0cc63bc727a"
Then use it on your slides:
---
theme: prft-theme
---
Learn more about [how to use a theme](https://sli.dev/themes/use).
## Layouts
This theme provides the following layouts:
### Title
Usage:
```
---
layout: intro
header: 'Presentation Title'
text: 'Presentation Subtitle'
---
Author and Date.
```
- Light:

- Dark:

---
### Title & Photo right
Usage:
```
---
layout: image-right
image: 'image-url'
---
# Slide Title
## Slide Subtitle
* Slide bullet text
```
- Light:

- Dark:

---
### Bullets
Usage:
```
---
layout: bullets
---
* Slide bullet text
```
- Light:

- Dark:

---
### Section
Usage:
```
---
layout: section
---
# Section Title
```
- Light:

- Dark:

---
### Statement
Usage:
```
---
layout: statement
---
# Statement
```
- Light:

- Dark:

---
### Big fact
Usage:
```
---
layout: fact
---
# 100%
Fact information
```
- Light:

- Dark:

---
### Quote
Usage:
```
---
layout: quote
---
# "Notable quote"
Attribution
```
- Light:

- Dark:

---
### Photo - 3
Usage:
```
---
layout: 3-images
imageLeft: 'image-url'
imageTopRight: 'image-url'
imageBottomRight: 'image-url'
---
```
- Light:

- Dark:

---