Track resources inside styles

[cscheid]

This should work without requiring users to add images/image.jpg to resources:

---
title: "Title"
---

:::{style="background-image: url('images/image.jpg');"}

This is a Quarto website.

To learn more about Quarto websites visit <https://quarto.org/docs/websites>.


:::

[cderv]

Just for context so that we don't forgot:
This works in a single document, but should work when using output-dir with a Project like websites so that resources are found and moved without needing to add

resources:
  - images/image.jpg

[coatless]

I think this is also related to #6828 not adding registered assets to resources as well. (Note, this happens even with the publish quarto action.)

[produnis]

I get these warnings, and it does not work...

---
(...)
  resources:
    - HSNRtheme/fonts/Roboto-Mono-regular.woff2
    - HSNRtheme/fonts/Vollkorn-Bold.woff2
    - HSNRtheme/fonts/Vollkorn-BoldItalic.woff2
    - HSNRtheme/fonts/Vollkorn-Italic.woff2
    - HSNRtheme/fonts/Vollkorn-Regular.woff2
    - HSNRtheme/fonts/TannenbergFett.woff2
---
  
[WARNING] Could not fetch resource Folientest_files/libs/revealjs/dist/theme/fonts/Vollkorn-Regular.woff2
[WARNING] Could not fetch resource Folientest_files/libs/revealjs/dist/theme/fonts/TannenbergFett.woff2
[WARNING] Could not fetch resource Folientest_files/libs/revealjs/dist/theme/fonts/Roboto-Mono-regular.woff2
[WARNING] Could not fetch resource Folientest_files/libs/revealjs/dist/theme/fonts/TannenbergFett.woff2
[WARNING] Could not fetch resource Folientest_files/libs/revealjs/dist/theme/fonts/Vollkorn-Italic.woff2
[WARNING] Could not fetch resource Folientest_files/libs/revealjs/dist/theme/fonts/Vollkorn-Bold.woff2
[WARNING] Could not fetch resource Folientest_files/libs/revealjs/dist/theme/fonts/Vollkorn-BoldItalic.woff2
Output created: Folientest.html

[mcanouil]

@produnis please provide a reproducible example and not just error/warning messages with "it's not working". There is not much we can do with these. Thank you for your understanding and help.

[cderv]

@produnis it would be nice to open a new issue too, as it is possibly another bug (related) as you provided resources in YAML

This issue is about supporting auto-detection of some resources. Related but not the same, and it is best practice to keep issue thread scoped.

Thank you

[produnis]

I uploaded a minimal example to here:
https://hs-niederrhein.sciebo.de/s/N27QYgbfXrJJHoZ
https://github.com/produnis/quartofonttes

See "Folientest.qmd" as the example...

I would like to create a stand-alone-html that I could share with students. The main font should be "Vollkorn" and the Monofont should be Roboto Mono.

[mcanouil]

What is that link? Could you share a Git repository, for example on GitHub?

[coatless]

@produnis thanks for sharing an MWE. I think you're getting bitten by a different bug related to how assets are placed relative to access requests in SCSS. c.f. #5712 and #5694.

The "fix" here is to use a relative path to the asset. You can see the tweak I made here: coatless-quarto/illinois-revealjs@c2eae8c The SCSS url designation needs to navigate to the fonts/ folder using relative paths. If you'd like, I can throw together the fix inside a quarto revealjs format.

[produnis]

Thx for your answers,

I created a github repo here:
https://github.com/produnis/quartofonttes

I tried to set relative paths, but it does not work...

[produnis]

Ha, @coatless , thx for the hint with relatives paths. Inserting five ../ did the job. Now it is working!

[coatless]

@produnis setup the hrns-revealjs theme for you over here:

https://github.com/coatless-quarto/hsnr-revealjs

https://quarto.thecoatlessprofessor.com/hsnr-revealjs/

Outside of the relative paths, the RevealJS theme is now a quarto extension that avoids typing out a lot of the same details again and again. You can see how the theme was made by looking at the commit steps in the PR:

https://github.com/coatless-quarto/hsnr-revealjs/pull/1/commits

Note: This omits a terminal command of quarto publish gh-pages to set up the gh-pages branch and publish details.

If you have more questions about the extension, let's take it over to the issue tracker in that repository.

[produnis]

wow, thx @coatless , this helps me a lot understanding "theme as an extension"!