https://github.com/stephane-vanraes/svelte-presenter

A minimal presentation package for Svelte, including a "Presenter" and "Presentation View"
https://github.com/stephane-vanraes/svelte-presenter

Last synced: about 1 month ago
JSON representation

A minimal presentation package for Svelte, including a "Presenter" and "Presentation View"

• Host: GitHub
• URL: https://github.com/stephane-vanraes/svelte-presenter
• Owner: stephane-vanraes
• Created: 2022-09-12T10:05:00.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-27T05:51:26.000Z (about 2 years ago)
• Last Synced: 2023-05-26T13:33:51.178Z (over 1 year ago)
• Language: JavaScript
• Size: 60.5 KB
• Stars: 18
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# svelte - presenter

A minimal presentation package for Svelte, includes synchronized "Presenter" and "Presentation" views.

## Adding Slides

All slides are simple routes.

The examples use mdsvex but that is not required.

In `+layout.svelte` there is a constant called `slides` that holds the order of them:

```js

const slides = ['welcome', 'intro'];

```

## Changing Slides

Use `ArrowLeft` and `ArrowRight` to move through the slides.

## Presentation View

The presentation view can be opened by adding `?presentation` to the url.

## Presenter View and Notes

A special `PresenterNotes` component has been added, this only show in pages without `?presentation`

TODO: add this as a shortcode instead ?

## Styling and Stuff

DIY :)