welpo / tabi

A modern Zola theme with search, multilingual support, optional JavaScript, a perfect Lighthouse score, and a focus on accessibility.
https://welpo.github.io/tabi/
MIT License
97 stars 32 forks source link

<h2> renders (almost?) the same size as <h1> #321

Closed faassen closed 1 month ago

faassen commented 1 month ago

Bug Report

When I have a document which uses ## headings to go one level deeper, it renders like a #.

Environment

Zola version: 0.18.0 tabi version or commit: c54251ca7ab6f715ceacba7ed6406df683aa364b

Expected Behavior

I expect ## (h2) headings to be rendered smaller than h1 headings.

Current Behavior

On desktop firefox at least the rendering is so close in size I can't really distinguish between them.

Step to Reproduce

Use # and ## headings in a document.

welpo commented 1 month ago

You're right, they're very close in size. I'll increase the size of h1 a bit.

Side note: it's generally recommended to use only one h1 per page, and the post's title is already h1.

welpo commented 1 month ago

Increased font size in 94b3b1d8045753187044174a4d127fdc94608923

faassen commented 1 month ago

Yeah, I'm converting hundreds of old blog entries and I may have to go through them all to increase the nesting level in the places where that's lacking.