Self-contained HTML with block banner figure

[GilHenriques]

Thank you for developing Quarto! I'm not sure which repo to post this issue in; I am posting it here as I'm working with Quarto in RStudio, but I apologize if it is the wrong repo.

According to the Quarto website we can set up a custom background for a title block banner by using the image path as an argument for title-block-banner in the header. Also according to the website, we can use self-contained: true under html to create "a standalone HTML file with no external dependencies", "with images, CSS, etc. embedded into the HTML file". But when I create a supposedly self-contained HTML file with a banner image, I need to keep the HTML file in the root directory of the provided image path; otherwise, the image doesn't show. In other words, the document is not self-contained, inasmuch as it depends on the presence of the image file.

[cderv]

quarto-r repo issue board is dedicated to R package issues. So I transferred to quarto-cli.

It seems Pandoc is failing to apply self-contained on this

<style>
.quarto-title-block .quarto-title-banner {
    background-image: url(<file>)
}
</style>

when it is included in the HTML file.

I don't know if this is a limitation or a bug.

It possible the Pandoc consider that the CSS is already inline and will not process it. If the CSS is added using an external file, it seems to be processed correctly.

[cderv]

I opened an issue in Pandoc to ask : jgm/pandoc#8193

[GilHenriques]

Thank you for your reply and for opening the issue in Pandoc, and sorry for opening the issue in the wrong place.

[mcanouil]

Seems to be related to #980 thus to jgm/pandoc#5124 🤔

I think a LUA filter replacing the image with the base64 image would solve this post rendering (I am kind of already working a bit on this).

[cderv]

@mcanouil I think it is a bit different has it is not the same background-image attributes which is specifically treated for revealjs and not included in any CSS part. Pandoc correctly embed the CSS when passed in a file, but not when passed in the template directly. I think this is a pandoc issue. We'll see.

I think a LUA filter replacing the image with the base64 image would solve this post rendering (I am kind of already working a bit on this).

If we were to do that ourself, I think we would do it directly in Quarto when inserting the CSS. I don't think you get good access to this CSS part from the LUA filter anyway.

[mcanouil]

I think this is a pandoc issue. We'll see.

Since the issue is about the same css attributes and related to Pandoc, I assumed the main issue was the same. Indeed, we'll see.

If we were to do that ourself, I think we would do it directly in Quarto when inserting the CSS. I don't think you get good access to this CSS part from the LUA filter anyway.

This is what my first few tries seemed to tell me ^^

[cderv]

Since the issue is about the same css attributes and related to Pandoc, I assumed the main issue was the same

Reveal has a specific way to configure background through Reveal.initialize({ in JS part of the template. And Pandoc did not process that for sure. So same name, but different usage IMO.

[cderv]

@dragonstyle this has been fixed upstream in Pandoc now, so we'll be able to get that if / when we upgrade to pandoc next release. Fix in Pandoc: jgm/pandoc@4ea51b6

[GilHenriques]

@dragonstyle this has been fixed upstream in Pandoc now, so we'll be able to get that if / when we upgrade to pandoc next release. Fix in Pandoc: jgm/pandoc@4ea51b6

Do you happen to know when the next release is scheduled for? 🙂

[dragonstyle]

We don't have a concrete timeframe. This week is the RStudio Conference so I'd expect this week to be quiet, but perhaps as early as next week, pre-release builds beginning to be updated once again. I'm not sure where a pandoc update will fall on the priority list, though we typically work pretty hard to stay on the latest pandoc.

[mcanouil]

Since there is no project/milestone on Pandoc repository and no information elsewhere on releases scheduling (the last release is from the 4th of April), it's unclear when the fix mentionned above is going to be released, thus included in Quarto.

[GilHenriques]

Sounds good, thank you for your help on this!