Reveal.js Presentation: Title slide without page number and logo

[mchlbckr]

Hi, I am building a revealjs presentation and have added a background image for my title slide:

---
title: "Slideshow"
author: "author"
format:
  revealjs:
    slide-number: c
    show-slide-number: all
    title-slide-attributes:
      data-background-image: img/title.png
      data-background-size: cover
logo: img/logo.png
---

## First slide

blabla

Now I would like to remove the page number and the logo from my title slide but keep both on all other slides. Any suggestions how to achieve that?

[cderv]

I think that would indeed be interesting to add an option for this - I can see why a cleaner title slide would be desired.

I have managed to done it using RevealJS hooks on events, adding this script at the end of the body. Not straightforward and could probably be simpler but this is a workaround. Pure JS could also be used probably.

include-after: |
  <script type="text/javascript">
    Reveal.on('ready', event => {
      if (event.indexh === 0) {
        document.querySelector("div.has-logo > img.slide-logo").style.display = "none";
      }
    });
    Reveal.addEventListener('slidechanged', (event) => {
      if (event.indexh === 0) {
        Reveal.configure({ slideNumber: null });
        document.querySelector("div.has-logo > img.slide-logo").style.display = "none";
      }
      if (event.indexh === 1) { 
        Reveal.configure({ slideNumber: 'c' });
        document.querySelector("div.has-logo > img.slide-logo").style.display = null;
      }
    });
  </script>

For slideNumber, a custom CSS could also work

.reveal .slide-number > a[href*='title-slide'] {
  display: none;
}

For slideNumber, having a way to use JS to customize the slideNumber could be another option (#530)

Anyway, just wanted to share this as reference for workarounds and thinking on what could be done to make it an option.

[brueckmann]

Oh sorry, I really thought null works just as block in that case. Never used it before and so many times just turning things around works. My bad. Thanks for your correction, that's too kind!

Given it still doesn't work for me, I think I really need to dig deeper into JS at another time, if I want to achieve this.

[mcanouil]

Given it still doesn't work for me

What do you mean?
Note that stating "it does not work" without context/environment does not allow anyone to help you.

Note that there was a slight error in the code I provided which I edited.

[brueckmann]

Please excuse, I must not have seen your edited code, which obviously works (as in: produces the desired result of a logo on the title slide but not on later slides). Thank you for your clarification!

[mcanouil]

It's likely my edit came after.

What I meant was that context such as environment, error messages, etc. are the only thing that matters not "it does not work".
For instance, the error from my copy/paste lead to an error.

[brueckmann]

Thanks for clarifying!

[mcanouil]

FYI:

• Opened issue:
  • [FR] Ability to hide footer on specific slides including title-slide #1445
• Related discussions:
  • Reveal.js Presentation: Title slide without page number and logo #557
  • revealjs presentation: hiding footer and slide menu control for a specific slide #825
  • Hide slide menu button when printing slides #4181
  • Way to remove slide-number for n^th slide in a revealjs presentation? #5566