quarto-iframe-examples icon indicating copy to clipboard operation
quarto-iframe-examples copied to clipboard

unclear instructions

Open PythonCoderUnicorn opened this issue 2 years ago • 0 comments

Hi Emil,

I followed your slide's instructions but found them unclear, perhaps just me, but I finally figured out what i was doing wrong. Here are the steps I did to get the hello-matrix to work.

  1. create a folder, like "quartoSlide"
  2. create index.qmd, index.html, style.css
  3. create a folder inside the quartoSlide folder, name it hello-matrix or whatever the template folder name is that you want
  4. download iframe zip file template
  5. copy the index.html, style.css and script.js files into the hello-matrix/ or other folder named above

inside the index.qmd for simple setup :

---
title: 'Quarto Slide'
author: 'R user'
format: reveal.js
---

# {background-iframe="hello-matrix/index.html"}


::: {style="background-color: #00ff00; color:'#000'; border-radius: 10px; padding: 5px;"}

hey there
:::

my file structure is:

slides/

  • hello-matrix/

    • index.html
    • script.js
    • style.css
  • index.html

  • index.qmd

  • style.css


thanks for the repo .

PythonCoderUnicorn avatar Dec 02 '22 04:12 PythonCoderUnicorn