Current section and subsection in the header

[fbob]

Hello,

Thank you for this useful extension.

I would like to put the current section (h1) and subsection (h2) of a presentation a the top of the slide (h3), the slide title being just underneath. See screenshot below as an illustration of what I would like to achieve.

Your extension seems to be build for this kind of usage.
Is it possible to do this with your extension ?

Thanks for your feedback and for reveal-header.
Regards

[shafayetShafee]

Hi, Can you provide me a sample code with which I can test the possibility 😊? I am actually unsure about what you are meaning by the current section and subsection 😅.

[shafayetShafee]

Are you trying to do this?

---
title: "Habits"
author: "John Doe"
format: revealjs
filters: 
  - reveal-header
slide-level: 3
css: style.css
---

# Section Title

## Subsection 1 Title

### TODO

- Turn off alarm
- Get out of bed

::: header

[Section Title]{.section} 
[Subsection 1 Title]{.subsection}

:::

## Subsection 2 Title

### TODO

- Eat eggs
- Drink coffee

::: header

[Section Title]{.section} 
[Subsection 2 Title]{.subsection}

:::

style.css

.header-text .section {
  float: left;
  padding-left: 1em;
}


.header-text .subsection {
  float: right;
  padding-right: 1em;
}

---

---

And the way I have written the extension so far (with my expandable limited knowledge 😅), to get slide specific header, you need to add header for each slide manually.

[fbob]

Thank you very much for your quick and helpful answer, I really appreciate. 👍
You understand my thought perfectly, that's indeed what I'll like to have.

Your "limited knowledge" is far superior to my ignorance regarding Revealjs and css.
If I read you carefully, it looks like that automation is not possible and that the header has to be specified for each slide manually, I'm right ?

Many thanks for your very kind feedback, I wish you the best for this great add-on for the Quarto community.

[shafayetShafee]

I would not say it is impossible 😄. Because I have sorted out a way to do this automatically and already completed the javascript part to deal with this, now just need to sort out the css and lua part 😊.

Follow this issue thread and I will let you know.

[shafayetShafee]

Hi @fbob it took longer than I expected. Check out the recent updates in the repo readme and this live demo.

Let me know How does it look and if you find anything in the readme documentation confusing. 😊

[fbob]

Uh ... you're blazing fast, it's an impressive work !

This was the missing feature to make me fully switch to Quarto for my presentations.
Your extension is really very useful and great add-on value to revealjs, thanks !

To me the Readme is well documented but you preach a convinced user :)

Hats off to you !

[shafayetShafee]

Happy to know that this extension is being helpful 😊. Thanks to this issue that pushed me to implement the new feature. So thank you too.

However since this issue is solved (hopefully!), is it possible to close this issue 😄?

[shafayetShafee]

@fbob checkout the latest extension version 1.2.2 where I have polished the CSS part for the header more 😀.

And I am going to close this issue. But if there are still some problems feel free to reopen this or open a new one 😊.

[fbob]

Sorry @shafayetShafee for my late feedback.
I'm using your extension for my new course slides and thank you for that, it's great !

May I share you some feedback from my personal experience :

• it works great !

• the different options proposed are great for a quick customization

• I think it's more neutral to not impose a particular font format by default for the header elements (color, font family, font size) by default and leave this to a theme or as user's customizations.

• Could I suggest 2 more options :

  • header with section and subsection only (and no header-text)
  • header with logo, section and subsection (and no header-text

  By default, unwanted space is used when no header-text is needed in the grid-template-columns with the 2 latest possible uses.
  Sometimes the section and subsections titles are automatically wrapped, which is fine but perhaps not the best possible formatting if the user doesn't need header-text between the sc-title and sb-title.

Anyway, I enjoy using this filter extension a lot and think it's a great addition to the quarto community. Keep up with this excellent work !

THANKS 👍

[shafayetShafee]

Thanks, @fbob for your feedback. I will look into these suggestions. I will try to revert the header font back to defaults as soon as possible. But I can not look into the suggested changes regarding header-text up until 14th march 😅. After then, I will give it a try. So keep an eye on this issue 😊.

Thanks again for your feedback.

[shafayetShafee]

I have reverted back the header fonts to default. Install the new version 1.2.4 and let me know if everything works so far 😄😅. And as said previously, I will look into the rest of your suggestions at a later time.

[shafayetShafee]

@fbob, I have reduced the grid area (usually 0.1fr) for header text when no header text is supplied and released version 1.2.6. Let me know how it does look now! 😊