How to display a vanilla Javascript game on Quarto portfolio website?

R Markdown
,
#1

I recently switched my (previously very minimal) portfolio website from a basic html, css, javascript website to using Quarto. I'm a fan of it so far, but still very new to R. Python is my main language. I'm writing it in VS Code on a Windows 11 machine.

I made a matching game in Javascript last year while working to learn Javascript, and I am trying to figure out how to host that in my portfolio website. Is there a way to reference it in it's own github repository through an iframe? I had previously moved the code for it into my github website repository, but that seems like a bad way to maintain code.

If I clone it into my quarto repository as a submodule and reference the files on the .qmd, will that code get included correctly in the rendered page for my website?

#2

Yes you should be able to include an iframe using raw HTML <iframe> on a .qmd document in your website

Did you try already ?

  • Host your game throuhg github pages in its own repo for example
  • Add an iframe in your main website to this url.

If I clone it into my quarto repository as a submodule and reference the files on the .qmd, will that code get included correctly in the rendered page for my website?

Possibly. I don't know if Git submodule are more than just regular folder for when you execute a Quarto project.

Did you try that also ?