# SliDesk Plugin: steps This plugin overrides the `next()` function of slidesk to allow you to have a list which appears step by step. You have to add a class `steps` on the slides which contain a list. Appearence speed can be control with an override in `custom.css` by redefining this css variable: ```css :root { --animationSteps: 100ms; } ``` Each item in the list will appear step by step, with the defined animation speed. ```md - first - second - third ``` If you want to animate your slide content step by step, something else than a list, use the https://slidesk.link/plugins#gouz__sbs plugin.

# SliDesk Plugin: steps This plugin overrides the `next()` function of slidesk to allow you to have a list which appears step by step. You have to add a class `steps` on the slides which contain a list. Appearence speed can be control with an override in `custom.css` by redefining this css variable: ```css :root { --animationSteps: 100ms; } ``` Each item in the list will appear step by step, with the defined animation speed. ```md - first - second - third ```

A speaker companion

# Steps Speaker A Slidesk plugin that adds step-by-step navigation through speaker notes sections. When speaker notes contain `<hr>` separators, each section becomes a navigable step. Arrow keys cycle through steps within the current slide: - **ArrowRight** — advances to the next step. On the last step, sends `next` to navigate to the following slide. - **ArrowLeft** — goes back to the previous step. On the first step, sends `previous` to navigate to the preceding slide. The plugin registers its keydown listener in the **capture phase** and calls `stopPropagation()` to prevent the default Slidesk handler from also firing, avoiding duplicate navigation commands.

A speaker companion

# SliDesk Plugin: Mermaid This plugin allows you to add `Mermaid` schemas in your slides. ``` ```mermaid flowchart TD Start --> Stop ```

# SliDesk Plugin: HighlightJS This plugin allows you to add `HighlightJS` in your slides. You can change the theme modifying `plugin.json` with the `addStyles`. You can change supported langages with the https://highlightjs.org/download package and replace the `highlight.min.js` file. To use the plugin, add the langage after the 3 quotes ``` ```js ```python ``` You can focus to specified lines too: ``` ```javascript@focus=3:5 import { Elysia } from 'elysia'; const app = new Elysia() .get('/', 'Hello World!') .listen(3000); console.log( `Example app listening on port ${app.server?.port}` ); ```

# SliDesk Plugin: Animate This plugin lets you animate elements of your page. To allow that, you need to add a class on the slide and its next: `animate`. ``` ## A slide with no animation ## From .[animate] This is the element will be animated between both slides ## To .[animate] This is the element will be animated between both slides And because this element is present, the element below moves ## An another slide with no animation ``` Slides will fade as a transition

# SliDesk Plugin: keyboard This plugin allows you to control the navigation with a keyboard. Per default, arrows left and right control next() and previous(), they can't be override. You can override it with a `keyboard.json` file in the root directory of the presentation. Example: ```json { "a": "next", "b": "previous", "c": "previous" } ``` Keys correspond to the keyboard's key and values correspond to action ("next", "previous", "fullscreen", ...). Example: This my configuration to use with a 8BitDo Micro: ```json { "k": "next", ",": "previous", "c": "next", "d": "previous", "j": "webcam" } ```

A speaker companion

Speaker companion. Contribute to slidesk/slidesk development by creating an account on GitHub.

Full Changelog: 2.16.0...2.16.1 Full Changelog: 2.16.0...2.16.1 Full Changelog: 2.16.0...2.16.1 Added Deploy command (#315) Save command (#308) Timer management (#310) New present command with i...

Full Changelog: 2.15.1...2.15.2 Full Changelog: 2.15.1...2.15.2 Full Changelog: 2.15.1...2.15.2 Full Changelog: 2.15.1...2.15.2 Full Changelog: 2.15.1...2.15.2

A beautiful yet powerful syntax highlighter

🔥 remove internal plugins to externalize them ✨ new plugin : animate

This release is a refactorisation. No breaking changes Add open & interactive options And prepare the field for Studio (3.0.0)

feat: ✨ addRoutes on plugins