Big Logo at top left on some slides (including title slides) that also work with pdf printing

[RudolfVonKrugstein]

Hi,

I want to be able to change the logo position and size for some slides, but not for all slides. There is a solution I found for this here: https://www.avonture.be/blog/quarto-revealjs-tips/

That solution only changes the logo for the title slide, but with a slide change I can also set the big logo for all slides, where I add a certain class (I called it big-logo) by changing the code to this:

function updateLogoSizePosition(event) {
  if (event.currentSlide.matches('#title-slide') || event.currentSlide.matches('.big-logo')) {
    var elements = document.querySelectorAll(".slide-logo");
    [].forEach.call(elements, function (elem) {
      elem.classList.remove("slide-logo-bottom-right");
      elem.classList.add("slide-logo-max-size");
    });
  } else {
    var elements = document.querySelectorAll(".slide-logo");
    [].forEach.call(elements, function (elem) {
      elem.classList.add("slide-logo-bottom-right");
      elem.classList.remove("slide-logo-max-size");
    });
  }
};

window.addEventListener("load", (event) => {
  // Make sure the logo has his full size when the slideshow
  // is loaded (i.e. apply the slide-logo-max-size css class)
  var elements = document.querySelectorAll(".slide-logo");
  [].forEach.call(elements, function (elem) {
    elem.classList.remove("slide-logo-bottom-right");
    elem.classList.add("slide-logo-max-size");
  });

  Reveal.on("slidechanged", function (event) {
    updateLogoSizePosition(event);
  });
});

Now this works, but not when printing to pdf.

In that case, the big log is just on every page.

Ideas on how I could solve this? Or how I could solve my logo problem in another way?

Thanks!

[RudolfVonKrugstein]

Ah, there is an solution: dont use the pdf export function, use decktape.