Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix some typos in advanced.qmd #864

Merged
merged 2 commits into from
Oct 16, 2023
Merged

Fix some typos in advanced.qmd #864

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c60c186
Fix some typos in advanced.qmd
yyzeng Oct 16, 2023
e8153f5
Update docs/presentations/revealjs/advanced.qmd
cderv Oct 16, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 10 additions & 10 deletions docs/presentations/revealjs/advanced.qmd
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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:

Expand Down Expand Up @@ -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) |
Expand Down Expand Up @@ -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"}
Expand Down Expand Up @@ -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. |
Expand Down Expand Up @@ -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 |
Expand All @@ -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}
Expand Down Expand Up @@ -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:

Expand Down Expand Up @@ -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)
Expand Down
Loading