Post Containing Slides with Interactive Code

This is a post that contains slides with interactive code on a Quarto Blog through the quarto-webr extension. The configuration setup for the quarto-webr extension is taken care of in the _quarto.yml file to avoid needing to re-specify options multiple times.

Presentation

Important

For quarto-webr to work within RevealJS, you must use a pre-release version of Quarto that is 1.4.502 or greater that contains an updated copy of pandoc. For more details, please see Issue #14.

Embed Code

Place the following code inside of the Quarto Document:

<style>
.slide-deck {
    border: 3px solid #dee2e6;
    width: 100%;
    height: 475px;
}
</style>

<div>
```{=html}
<iframe class="slide-deck" src="path/to/presentation/"></iframe>
```
</div>