680 questions
0
votes
0
answers
84
views
Author not centering on title slide despite CSS rules
I'm creating a Quarto Reveal.js presentation and cannot get the author information to center on the title slide, despite having text-align: center; in my CSS. The title and subtitle center correctly, ...
- 3,198
0
votes
1
answer
76
views
How to ensure speaker notes visibility in a revealjs presentation created with quarto, for a slide with multiple fragments?
I have a slide in a revealjs presentation created with quarto, with several fragments and an incremental list (example below).
Ideally, the speaker notes should be visible at specific moments, as ...
- 41
1
vote
1
answer
63
views
How do I change the corners of the code output to match the background?
When I render the revealjs document, the code output div/ section has the corners which are not the same background color as the output (see attached image with red arrows). Can this be fixed to match ...
- 397
0
votes
0
answers
32
views
Unfilled Space Between Columns in Quarto
I'm trying to creat this effect in Quarto Reveal.js presentations with a space between two or more columns of text, which is not filled with background color set for individual columns.
For now I'm ...
- 133
1
vote
1
answer
156
views
How can I automatically insert the current date into the YAML footer in Quarto Reveal.js?
I am using Quarto to create a Reveal.js presentation. My YAML looks like this:
---
format:
revealjs:
footer: "Footer text"
---
I would like the footer to always show the current date (...
- 80.2k
2
votes
1
answer
113
views
Is it possible to make a fragment stay visible across two fragment steps, and then disappear?
With {.fragment .fade-in-then-out}, we can display some content that disappears at the next fragment. I would like something like .fade-in-then-still-in-then-out, where the content would remain ...
- 315
1
vote
1
answer
54
views
How can I update or modify part of the text shown in a first fragment when a second fragment becomes visible?
On one slide of my presentation, I use .fragment.fade-in to make elements appear one after another.
I would like to change the style (e.g., text formatting) of a fragment’s content when a second ...
- 315
0
votes
1
answer
60
views
Revealjs Can't Go Fullscreen
I am trying to setup reveal.js and would like to get the fullscreen functionality to work. When I press 'f' it does expand to fullscreen but then shrinks right back down to normal size. It's ...
2
votes
0
answers
126
views
Shinylive doesn't render in Quarto revealjs presentation
I'm trying to use shinylive to show a shiny python example in a revealjs quarto presentation. Unfortunately, the shinylive output keeps rendering and doesn't show the output. Here is a reproducible ...
- 42.8k
1
vote
0
answers
39
views
How to preserve reveal.js computer browser behavior in mobile?
We have this site build with reveal.js:
https://jano.pt
Everything looks good (the way we want) in our computer browsers.
But in mobile the layout switches to scroll layout. And the navigation arrows ...
- 11
1
vote
1
answer
214
views
How to add MathJax macros in a Quarto Revealjs presentation?
I am trying to define a new operator in Quarto presentation (revealjs), but I either fail or it adds a white empty slide. Here are two examples:
Fails
This code fails in the sense that \N is not ...
- 180
1
vote
1
answer
73
views
In a Quarto Revealjs presentation, how can I exclude slides based on parameters set in YAML?
I am preparing slides for a course in Quarto using Revealjs.
How can I render two different versions of the presentation? One for the students (including tasks) and one for the presenter (including ...
- 157
0
votes
2
answers
312
views
How to open listing items in a new tab when using reveal.js slide shows?
Update: This question was submitted as a request on the https://github.com/quarto-dev/quarto-cli/discussions/12276!
I'm working on a Quarto blog where each post consists of a reveal.js slide show. My ...
- 80.2k
2
votes
1
answer
169
views
How to format multiple footnotes on a single sentence in Quarto reveal.js?
This is a follow-up question.
I’m wondering how to format a series of footnotes in a reveal.js slide. For example, I would like to apply three footnotes to one sentence, like so:
test_1[1-3]
My ...
- 80.2k
4
votes
1
answer
266
views
How to reference the same footnote more than once on a single slide?
I’m creating a Reveal.js presentation using Quarto and I want to cite the same footnote multiple times in the same slide. Here’s a minimal example (all in one .qmd file):
---
title: "test"
...
- 80.2k
1
vote
0
answers
87
views
Pandoc and Reveal.js: How to create a proper image with .r-stretch helper?
As far as I understand, the .r-stretch helper class of Reveal.js can be set on an image. Here's the example of the original documentation:
<h2>Stretch Example</h2>
<img class="r-...
- 13.4k
0
votes
0
answers
96
views
Why do the divs have odd formating and non-matching colors in revealjs Quarto presentation?
In the example below the divs display inconsistent, non-matching colors and the last div of each section's div fence is underlined. Why is this happening? I want each div fence to match colors and not ...
- 239
3
votes
0
answers
140
views
Reference a Quarto revealjs slide by its absolute number
In a Quarto revealjs presentation with level 1 and 2 slides, I'm trying to add a reference to a specific slide by its slide number.
However, the level 1 slide interferes with the numbering, which ...
- 8,622
1
vote
1
answer
108
views
How to change colors of countdown timers in a Quarto Revealjs presentation?
How do you change colors for other timers subsequent to the first timer using the countdown package in Quarto revealjs presentations? The user manual for the countdown package indicates that it's ...
- 239
4
votes
1
answer
146
views
Automatically display the first bullet point in an incremental list
I would like the first bullet point to be automatically displayed when using an incremental list in a revealjs presentation in Quarto.
---
title: "My Presentation"
format: revealjs
---
## ...
- 41
1
vote
1
answer
149
views
Quarto inline fragments that don't break into boxes
In a Quarto presentation I'm trying to change the color of a portion of text inside of a single line, and in such a way that the fragments appear one after the other. Here is my QMD file so far:
---
...
- 4,013
1
vote
1
answer
178
views
How to apply a class to headings in a Quarto Revealjs presentation?
I am using Quarto to create slides with reveal.js. When a title slide is long, I want it to be in a smaller font size, plus other changes. I thought of creating a class to modify the heading when it ...
- 1,615
0
votes
0
answers
309
views
cannot install Reveal.js on Mac
I'm trying to do Full Setup as documented here: https://revealjs.com/installation/
And the step 3 cd reveal.js && npm install fails as follows:
Library not loaded: /opt/homebrew/opt/icu4c/lib/...
- 410
0
votes
1
answer
142
views
How can I get rid of the white borders appearing in R output in quarto reveal.js
When working on a quarto document in R, the ggplot using geom_sf usually produce white borders which appear in dark theme.
You can get rid of those what using #| fig-width: xx #| fig-height: yy but it ...
- 2,503
0
votes
1
answer
324
views
Adding reveal.js presentations to an existing site?
I have several reveal.js presentations, and I want to host them online so that I can access them from anywhere, rather than just on my laptop. I also host a blog site using the static engine Hugo, ...
- 1,414
0
votes
0
answers
128
views
How to control the sequence of SVG animations in a single quarto slide?
I have an SVG file with multiple, sequential animations (1. an arrow appears from left to right; 2. a tirangle grows while changing color; 3. the triangle now shrinks).
I want to include the animated ...
- 55
0
votes
1
answer
212
views
Deploy of a reveal.js presentation using github pages its not loading the html
I'm trying to deploy a Reveal.js presentation using the external plugin, https://github.com/janschoepke/reveal_externa.
The thing is that when deployed, it shows the following error:
To my low ...
- 13
1
vote
1
answer
255
views
quarto markdown to revealjs or html: Desmos embedded iframes not loading
I'm making a slide deck in markdown, that I convert to a revealjs presentation with quarto. I want to embed iframes from Desmos, to show some nice interactive graphs. The iframes are not loading. How ...
- 457
0
votes
1
answer
260
views
How to use font awesome icons as bullet points in Quarto revealjs presentation?
I'm making a Quarto presentation and I'd like (for a bit of fun) to be able to use font awesome icons as bullet points. I have a css style sheet which I point my Quarto doc to on rendering. I don't ...
- 1,335
1
vote
1
answer
77
views
Cannot render revealjs files - Parameterized reporting in R using Quarto
I attempted to render a revealjs presentation using parameterized reporting. Even though I specified revealjs as the format in the YAML header and set the output_format to "revealjs" in the ...
- 43
1
vote
1
answer
200
views
How to Automatically Apply Section Headings to Slides in Quarto Reveal.js Presentations?
I’m working on a Quarto presentation using Reveal.js, and I’m trying to automate the process of applying section headings to all slides within a section. Specifically, I want each slide under a ...
- 105
0
votes
0
answers
55
views
How to get working dependencies in jupyter notebook/lab using rise (reveal.js) + ipycanvas + ipywidgets
I simple run this code in a jupyter notebook/lab cell:
from ipycanvas import Canvas
from ipywidgets import Button
from IPython.display import display
WIDTH = 200 # px
HEIGHT = 200 # px
# Create a ...
- 790
0
votes
1
answer
186
views
Add transparent gradient layer to background image in Quarto presentations (reveal.js)
I'd like to make (parts) of a background image in my quarto transparent by adding a (linear) gradient transparency layer. This will help with focus of then image and reading text on busy background ...
- 6,199
0
votes
0
answers
472
views
Embedded pdf in revealjs doesn't work when sharing
I'm trying to use the embedpdf Quarto extension to show pdfs inside a revealjs presentation. This works fine when I run the presentation on my own, but when I share it the embedded pdf doesn't work ...
- 42.8k
1
vote
1
answer
65
views
reveal.js in quarto: weird color behavior
I say weird, but it is probably just that I do not understand what is going on. I am using the code-fold option for some code. I want to change the color of the Code button that appears above the code ...
0
votes
1
answer
121
views
Delay printing chunk output in Quarto revealjs by `code-line-numbers`
In a Quarto revealjs document, I would like to reveal some code sequentially, and then print the result at the end but only show the result once I've highlighted the line that prints the output.
Here'...
- 377
0
votes
1
answer
212
views
Incremental blockquotes in revealjs Quarto
I would like to create multiple blockquotes incremental in a revealjs Quarto presentation. Unfortunately when using ::: {.incremental} does work when using > blockquotes. Here is some reproducible ...
- 42.8k
0
votes
1
answer
124
views
svelte - revealjs with markdown not showing
I have a svelte component that embed a revealjs:
<script>
import { onMount } from 'svelte'
import Reveal from 'reveal.js';
import Markdown from 'reveal.js/plugin/markdown/markdown.esm.js';
...
- 4,938
0
votes
1
answer
547
views
How to tweak font size and position of reference in quarto revealjs slide
This is my example code:
---
title: "test"
format:
revealjs:
footer: Institute of | Tarjae
---
<!-- Style and format of footer -->
<style>
.reveal .footer {
display: ...
- 80.2k
1
vote
1
answer
244
views
How to use reveal.js with Deno Fresh?
In my understanding, reveal.js is just vanilla JS, so there should be no problem when using it with Deno.
On routes/index.tsx I have:
import Island from "../islands/Island.tsx";
export ...
- 3,404
1
vote
1
answer
225
views
Link not rendered as button in Quarto reveal.js
I would like to style a link inside of a Quarto reveal.js presentation as a button, similar to this thread: https://github.com/quarto-dev/quarto-cli/discussions/4920.
However, the links are not styled ...
- 3,489
3
votes
1
answer
497
views
How to have a fragment to both fade-in and highlight-red?
This one isn't hidden at first:
The last sentence should be hidden at first. When it is revealed, it should be highlighted at the same time. <span class="fragment highlight-red">But as ...
- 3,404
2
votes
2
answers
890
views
Incremental columns in revealjs quarto
I have a two column layout slide with some bullet points in revealjs Quarto. Now I would like to incremental show the columns. This means first show the left column and next the right column. When we ...
- 42.8k
1
vote
1
answer
201
views
Quarto presentation in R slide titels and table of contents
I have a quarto / revealjs presentation in R and like to fix my table of contents. Every (level 2) heading is translated into repeated bullet points in the TOC. How can I exclude some headings from ...
- 2,887
-1
votes
1
answer
154
views
How to use Revealjs with Seminar Plugin and invite people to the seminar
I am currently working on a presentation app for Notion and started to implement the Seminar plugin. I made the server run without any problem and opened the "room" to the presentation too. ...
- 1
0
votes
1
answer
408
views
Align `.r-stack` of images at the top in quarto revealjs presentation
I am using the Quarto revealjs presentation format. I am using .r-stack to stack a bunch of images on top of each other as so:
---
format: revealjs
---
## My slide
:::{.r-stack}
:::{.fragment .fade-...
- 885
0
votes
1
answer
214
views
Font Awesome doesn't change bullet points in revealjs Quarto
I would like to use Font Awesomes to change my bullet points. I tried using the following code from this question which uses html in my revealjs Quarto presentation:
---
title: "Font Awesome"...
- 42.8k
1
vote
0
answers
133
views
Full size plotly plot when exporting jupyter notebook to slides with nbconvert
I'm exporting my jupyter notebook that containing a plotly plot as slides using nbconvert. The plot should fill the entire slide in the exported document.
Here's a minimal example of my code:
import ...
- 176
0
votes
0
answers
61
views
Get rid of indentation made by `pagedown::crome_print()`
When doing RevealJS slides with Quarto, I'm using the pagedown::chrome_print() function to convert the slides to PDF format. This works pretty well, however, code chunks are getting an indentation ...
- 651
0
votes
1
answer
104
views
Within reveal.js, I would appreciate help on how to pause or end background audio playback
Within reveal.js, I'm having issues pausing or ending 'background' audio playback. Within one of my first slides, I'm amending the tag with data-autoplay and data-ignore to ensure that it proceeds to ...
- 1