Comments (12)
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.
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.
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 thegrid-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 needheader-text
between thesc-title
andsb-title
. - header with section and subsection only (and no
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.
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.
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.
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.
from reveal-header.
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.
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.
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.
@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.
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.
@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)
- This extension is not working with `embed-resources`.
- improve the header elements alignment for small screens HOT 1
- reducing the slide number font size for mobile devices and updating styling section in readme
- Remove header text from title slide when title-as-header or subtitle-as-header is used.
- Revert back the header fonts to default as suggested in #1
- Hide Header on Title Slide HOT 3
- Change grid column layout based on whether header text is provided
- Implement adding link on logo
- embed-resources results in bug HOT 2
- Managing '_extensions' folder HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from reveal-header.