From c60c1865f42b0bbc47bedd3cf48f19cb2b35702f Mon Sep 17 00:00:00 2001 From: Yongyi Zeng Date: Mon, 16 Oct 2023 14:34:20 +0800 Subject: [PATCH 1/2] Fix some typos in advanced.qmd --- docs/presentations/revealjs/advanced.qmd | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/docs/presentations/revealjs/advanced.qmd b/docs/presentations/revealjs/advanced.qmd index d45bb4688..196c9b555 100644 --- a/docs/presentations/revealjs/advanced.qmd +++ b/docs/presentations/revealjs/advanced.qmd @@ -11,7 +11,7 @@ The main title slide is the first slide of the presentation, and its content is If you want to provide a custom background for the title slide, then do the following: 1. Use the `title-slide-attributes` key to provide background options. -2. Within this key, specify any of the supported [slide background options](index.qmd#slide-backgrounds), but with `data-` prepended to them. For example: +2. Within this key, specify any of the supported [slide background options](index.qmd#slide-backgrounds), but with `data-` prepended to them. For example: @@ -122,7 +122,7 @@ Reveal will automatically scale presentations uniformly based on the normal size You can change the slide size, the margin around content, as well as set limits on content scaling using the following options: | Option | Description | -|--------------|---------------------------------------------------------| +|-------------|------------------------------------------------------------------------------------------| | `width` | Normal width (defaults to 1050) | | `height` | Normal height (defaults to 700) | | `margin` | Factor of the display size that should remain empty around the content (defaults to 0.1) | @@ -298,7 +298,7 @@ When you navigate between two auto-animated slides we'll do our best to automati In situations where automatic matching is not feasible you can give the objects that you want to animate between a matching `data-id` attribute. We prioritize matching `data-id` values above our automatic matching. -Here's an example where we've given several blocks a matching ID since automatic matching has no content to go on. This example also makes use of some additional animation attributes (`auto-animate-easing` and `auto-animate-delay`), which we'll describe the use of in the next section. +Here's an example where we've given several blocks a matching ID since automatic matching has no content to go on. This example also makes use of some additional animation attributes (`auto-animate-easing` and `auto-animate-delay`), which we'll describe in the next section. ``` {.markdown .reveal-demo code-preview="demo/mini/auto-animate-stack.qmd"} ## {auto-animate=true auto-animate-easing="ease-in-out"} @@ -333,7 +333,7 @@ Here's an example where we've given several blocks a matching ID since automatic You can override specific animation settings such as easing and duration either for the whole presentation, per-slide or individually for each animated element. The following configuration attributes can be used to change the settings for a specific slide or element: | **Attribute** | **Default** | **Description** | -|:-----------|:----------:|:----------------------------------------------| +|:-------------------------|:-----------:|:-------------------------------------------------------------------------------------------------------------------------------| | `auto-animate-easing` | ease | A CSS [easing function](https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function). | | `auto-animate-unmatched` | true | Determines whether elements with no matching auto-animate target should fade in. Set to `false` to make them appear instantly. | | `auto-animate-duration` | 1.0 | Animation duration in seconds. | @@ -389,7 +389,7 @@ Slide up while fading in Here are all of the available fragment classes: | **Name** | **Effect** | -|:------------------------|:----------------------------------------------| +|:--------------------------|:----------------------------------------------------| | `fade-out` | Start visible, fade out | | `fade-up` | Slide up while fading in | | `fade-down` | Slide down while fading in | @@ -410,7 +410,7 @@ Here are all of the available fragment classes: ### Nested Fragments -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:: +Multiple fragments can be applied to the same element sequentially by wrapping it. The following example will fade in the text on the first step, turn it red on the second and partially fade out on the third:: ``` {.markdown .reveal-demo code-preview="demo/mini/fragments-nested.qmd"} ::: {.fragment .fade-in} @@ -465,10 +465,10 @@ Reveal uses classic linear slide navigation by default. If you wish you can also Use the `navigation-mode` option to fine tune Reveal navigation behavior: | Navigation Mode | Behavior | -|-------------|-----------------------------------------------------------| -| `linear` | Left/right arrows step through all slides (both horizontal and vertical). | +|-----------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------| +| `linear` | Left/right arrows keys step through all slides (both horizontal and vertical). | | `vertical` | Left/right arrow keys step between horizontal slides. Up/down arrow keys step between vertical slides. Space key steps through all slides (both horizontal and vertical). | -| `grid` | When this is enabled, stepping left/right from a vertical stack to an adjacent vertical stack will land you at the same vertical index. | +| `grid` | When enabled, stepping left/right from a vertical stack to an adjacent vertical stack will land you at the same vertical index. | 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. For example: @@ -558,7 +558,7 @@ format: --- ``` -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. Built in plugins include: +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. Built-in plugins include: - [Multiplex](https://github.com/reveal/multiplex) - [RevealMenu](https://github.com/denehyg/reveal.js-menu) From e8153f57a228cf7902c887a78b661257174aad84 Mon Sep 17 00:00:00 2001 From: Christophe Dervieux Date: Mon, 16 Oct 2023 10:52:42 +0200 Subject: [PATCH 2/2] Update docs/presentations/revealjs/advanced.qmd --- docs/presentations/revealjs/advanced.qmd | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/presentations/revealjs/advanced.qmd b/docs/presentations/revealjs/advanced.qmd index 196c9b555..00c08dc80 100644 --- a/docs/presentations/revealjs/advanced.qmd +++ b/docs/presentations/revealjs/advanced.qmd @@ -410,7 +410,7 @@ Here are all of the available fragment classes: ### Nested Fragments -Multiple fragments can be applied to the same element sequentially by wrapping it. The following example will fade in the text on the first step, turn it red on the second and partially fade out on the third:: +Multiple fragments can be applied to the same element sequentially by wrapping it. The following example will fade in the text on the first step, turn it red on the second and partially fade out on the third: ``` {.markdown .reveal-demo code-preview="demo/mini/fragments-nested.qmd"} ::: {.fragment .fade-in}