https://github.com/danestves/slidev-theme-flayyer

https://github.com/danestves/slidev-theme-flayyer

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/danestves/slidev-theme-flayyer
• Owner: danestves
• Created: 2021-05-10T23:58:36.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-26T12:48:20.000Z (almost 3 years ago)
• Last Synced: 2024-08-09T05:47:44.880Z (5 months ago)
• Language: CSS
• Size: 7.91 MB
• Stars: 17
• Watchers: 1
• Forks: 15
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# slidev-theme-flayyer

[![NPM version](https://img.shields.io/npm/v/slidev-theme-flayyer?color=3AB9D4&label=)](https://www.npmjs.com/package/slidev-theme-flayyer)

A Flayyer theme for [Slidev](https://github.com/slidevjs/slidev).

This theme is inspired by the layout of Flayyer and the way that it works.

## Install

Add the following frontmatter to your `slides.md`. Start Slidev then it will prompt you to install the theme automatically.

---

theme: flayyer

---


Learn more about [how to use a theme](https://sli.dev/themes/use).

## Layouts

This theme provides the following layouts:

### Title `intro`

![intro](https://i.imgur.com/grKiGIK.png)

The introductional template

### Text & Image `text-image`

![text-image](https://i.imgur.com/tAvcf5S.png)

With support to show the image first trough props and more

### Blank `blank`

![blank](https://i.imgur.com/mj42LcL.png)

Where you can put whatever you want

### Cover `cover`

![cover](https://i.imgur.com/41QWv3c.png)

With centered content

## 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 generate the preview PDF

- `npm run screenshot` to generate the preview PNG