Code Monkey home page Code Monkey logo

Comments (12)

shafayetShafee avatar shafayetShafee commented on June 9, 2024 1

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.

from reveal-header.

shafayetShafee avatar shafayetShafee commented on June 9, 2024 1

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. 😊

from reveal-header.

fbob avatar fbob commented on June 9, 2024 1

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 👍

from reveal-header.

shafayetShafee avatar shafayetShafee commented on June 9, 2024 1

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.

from reveal-header.

shafayetShafee avatar shafayetShafee commented on June 9, 2024

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 😅.

from reveal-header.

shafayetShafee avatar shafayetShafee commented on June 9, 2024

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;
}

image


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.

from reveal-header.

fbob avatar fbob commented on June 9, 2024

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.

from reveal-header.

fbob avatar fbob commented on June 9, 2024

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 !

from reveal-header.

shafayetShafee avatar shafayetShafee commented on June 9, 2024

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 😄?

from reveal-header.

shafayetShafee avatar shafayetShafee commented on June 9, 2024

@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 😊.

from reveal-header.

shafayetShafee avatar shafayetShafee commented on June 9, 2024

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.

from reveal-header.

shafayetShafee avatar shafayetShafee commented on June 9, 2024

@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! 😊

from reveal-header.

Related Issues (11)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.