Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thatoranzhevyy/slidev-theme-zhozhoba
A zhozhoba theme for Slidev.
https://github.com/thatoranzhevyy/slidev-theme-zhozhoba
Last synced: 5 days ago
JSON representation
A zhozhoba theme for Slidev.
- Host: GitHub
- URL: https://github.com/thatoranzhevyy/slidev-theme-zhozhoba
- Owner: thatoranzhevyy
- Archived: true
- Created: 2021-05-11T18:21:52.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-05-12T08:45:42.000Z (over 3 years ago)
- Last Synced: 2024-04-24T04:11:56.697Z (7 months ago)
- Language: CSS
- Homepage:
- Size: 2.89 MB
- Stars: 8
- Watchers: 1
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# slidev-theme-zhozhoba
[![NPM version](https://img.shields.io/npm/v/slidev-theme-zhozhoba?color=3AB9D4&label=)](https://www.npmjs.com/package/slidev-theme-zhozhoba)
A zhozhoba theme for [Slidev](https://github.com/slidevjs/slidev).
This theme is inspired by the Basic Black/White theme:
light theme | dark theme
:-------------------------:|:-------------------------:
![light](.github/light.png) | ![dark](.github/dark.png)## Install
Add the following frontmatter to your `slides.md`. Start Slidev then it will prompt you to install the theme automatically.
---
theme: zhozhoba
---Learn more about [how to use a theme](https://sli.dev/themes/use).
## Layouts
This theme provides the following layouts:
---
### Cover
Usage:
```
---
theme: zhozhoba
layout: cover
company: COMPANY NAME (optional)
date: 12.05.2021 (optional)
---
```
---
### Content-1
Usage:
```
---
layout: content-1
---
```
---
### Section-1
Usage:
```
---
layout: section-1
---
```
---
### Section-2
Usage:
```
---
layout: section-2
---
```
---
### Content-2
Usage:
```
---
layout: content-2
---
```
---
### Image
Usage:
```
---
layout: image-side
image: 'image-url'
---
```
---
### End
Usage:
```
---
layout: end
---
```
---
## Contributing
- `npm install`
- `npm run dev` to start theme preview of `example.md`
- Edit the `example.md` and style to see the changes
- `npm run export` to genreate the preview PDF
- `npm run screenshot` to genrate the preview PNG