In that folder add a plugin.yml file, as in Quarto Reveal examples. You can keep the name or rename it, e.g fullscreen.js. Here the plugin only have a JS file called plugin.js that you can find on the repo rajgoel/reveal.js-plugins. Here are the steps to bundle this plugin to use within your Quarto HTML presentation:Ĭreate a folder with the name you want for the plugin, here we’ll call it fullscreen.ĭownload the plugin files into the created folder. Let’s show an example with the fullscreen. Note that many of the most popular Reveal plugins are already included with the Quarto version of Reveal, so there is no need to include them separately. title : "Presentation" format : revealjs : revealjs-plugins : - myplugin. If you use vertical or grid navigation, you should structure your slides using level 1 headings for the horizontal axis and level 2 headings for the vertical axis. When this is enabled, stepping left/right from a vertical stack to an adjacent vertical stack will land you at the same vertical index. Space key steps through all slides (both horizontal and vertical). Up/down arrow keys step between vertical slides. Left/right arrow keys step between horizontal slides. Left/right arrows step through all slides (both horizontal and vertical). Use the navigation-mode option to fine tune Reveal navigation behavior: Navigation Mode If you wish you can also configure slide navigation to nest multiple slides within a single top-level slide to create a vertical stack. Reveal uses classic linear slide navigation by default. Note that the parallax-background-horizontal and parallax-background-vertical options are not required (the defaults shown above will be used if they are not specified). title : "Presentation" format : revealjs : parallax-background-image : background.png parallax-background-size : "2100px 900px" parallax-background-horizontal : 200 parallax-background-vertical : 50. Multiple fragments can be applied to the same element sequentially by wrapping it, this will fade in the text on the first step, turn it red on the second and partially fade out on the third:: Turn text blue, then back to original on next step Turn text green, then back to original on next step Turn text red, then back to original on next step Here are all of the available fragment classes: Name # Slide 1 # Slide 2 # Slide 3 Slide up while fading in ::: Fragment Classes
0 Comments
Leave a Reply. |