Why is favicon image or social metadata not available for a standalone HTML?

[frscott]

Hi I noticed all of the website tool options when you create a website through Quarto. But why does favicon option or social metadata not work for an HTML that is stand alone? Or is this possible?

[mcanouil]

It's possible, you can also add this yourself but indeed it could probably be a nice thing to have for html and revealjs formats.

For example, to add a favicon to your document it is as simple as adding the following to your yaml header:

include-in-header:
  - text: |
      <link rel = "shortcut icon" href = "my-favicon.svg" />

[j-jayes]

Thank you for this - really useful!

[adamiturabi]

It's possible, you can also add this yourself but indeed it could probably be a nice thing to have for html and revealjs formats.

For example, to add a favicon to your document it is as simple as adding the following to your yaml header:

include-in-header:
  - text: |
      <link rel = "shortcut icon" href = "my-favicon.svg" />

This doesn't seem to work if you have project sub-directories. For example

.
├── _quarto.yml
├── index.qmd
├── srcqmd
│   ├── chap1.qmd
│   └── chap2.qmd
└── srchtml
    ├── stylesheet.css
    └── favicon.png

In this case, index.html has the correct link, but chap1 and chap2 don't.

But stylesheet.css which is provided as a yaml option in _quarto.yml does have the correct relative links in index.html and also in chap1 and chap2 html files.

[mcanouil]

It does not. The path is hard written to one location which in this case is "next to the document".

Note that you are not in a "standalone" context, you are in a project context with multiple documents.

[frscott]

Oh I didn't see the include-in-header option. This solves my problem thanks!