This is a post that contains slides with interactive code on a Quarto Blog through the quarto-pyodide
extension. The configuration setup for the quarto-pyodide
extension is taken care of in the _quarto.yml
file to avoid needing to re-specify options multiple times.
Presentation
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>