Re: Issue #9 - No difference in prominence between level 2 and 3 titles on website

Hello Philippe,

Thanks for the feedback.

The current work of the site was done in a few hours, I confess that
afterwards I had no way to continue. I made a quick and temporary
adjustment for the titles; I kept the previous encoding pattern in%.
The code is like this:

h2 { font: bold 120% sans-serif }
h3 { font: italic 100% sans-serif; font-weight: bold; }
h4, h5, h6 { font: small-caps 100% sans-serif; font-weight: bold; }
h4 { font-size: 90%; }
h5 { font-size: 80%; }
h6 { font-size: 70%; }

If you have any suggestion, you can send it here and apply it there. I
think we can improve a lot with some contrast scheme and pastel
colors.

What do you think?

Cheers,
Valessio Brito
Em dom, 1 de jul de 2018 às 15:04, Martin Michlmayr <tbm(at)cyrius(dot)com> escreveu:
>
> * Philippe Cloutier <chealer(at)gmail(dot)com> [2018-07-01 14:02]:
> > As can be seen on http://www.spi-inc.org/donations/ there is no
> > difference in size for HTML H2 and H3 elements. Both use a 19.2
> > pixels font size by default. Both also have CSS font-weight of 700.
> > There is a difference between the two in that level 3 is italicized,
> > making it possible for people used to the site tell which is which,
> > but newcomers looking at a level 3 section heading cannot tell from
> > style alone that the section is part of its level 2 section.
>
> Yeah, I noticed that too. Valessio, since you did the CSS, can you
> look into this?
>
> --
> Martin Michlmayr
> https://www.cyrius.com/