Adjust SSG pages & styles

[DarkCat09]

No description provided.

[DarkCat09]

Notes on the last commit:

• i was particularly surprised by the use of fractional pixels (e.g. 2.5px) which doesn't make sense (unless a page is scaled in browser)
• relative sizes should be preferred over fixed (px), it's the "best practice"
• different margins on h1-h6 doesn't have any effect as they are merged with paragraphs' margins which always equal to 1em

[DarkCat09]

As for 2e83186

Sorry, as I see it's the common design for all DeltaChat web pages, I'll return the button border and paddings, but please take a look at what i suggested, a button looks cleaner without a 1px-border (again, not 1.5px, fractional pixels make no sense) and with wider horizontal padding.

[missytake]

Thanks for looking into this. Truth be told, I'm rather sceptical with this PR. What you call a "mess" (please watch your tone while judging the work of others, it can demotivate and is therefore bad practice) is part of what any operator is supposed to change about their instance; some of them are not developers, don't know git, and might not have seen a merge conflict so far.

Aesthetic preferences, especially if they are only about code style and not about visible changes on the website, don't justify that others have to handle a merge conflict.

This means that a change to a .md or .html file needs to have a good reason, like legal issues with the current privacy policy or displaying a new config value on the info page.

The css changes are what I think could be worthwhile; the most notable difference is that the font sizes are a bit larger. The units are a bit more in the direction of web development best practice, indeed. Those we could probably merge, if someone else thinks it won't cause problems.

[missytake]

This looks better on mobile but weird on desktop. I think I'd drop this suggestion.

[missytake]

As for 2e83186

Sorry, as I see it's the common design for all DeltaChat web pages, I'll return the button border and paddings, but please take a look at what i suggested, a button looks cleaner without a 1px-border (again, not 1.5px, fractional pixels make no sense) and with wider horizontal padding.

maybe I'm holding it wrong, but I don't see much difference? Except this black line to the left which is a bit ugly:

[DarkCat09]

Thanks for looking into this. Truth be told, I'm rather sceptical with this PR. What you call a "mess" (please watch your tone while judging the work of others, it can demotivate and is therefore bad practice) is part of what any operator is supposed to change about their instance

Yep, sorry, at that moment I was angry after editing web pages for my instance with different indentation (79c4e85) and even somehow non-ascii quotes in html (ade85c6)

[DarkCat09]

I glanced at opened PRs and seen no changes correspoding static pages, so I supposed that it's OK to adjust whitespace as there would be no merge conflicts

[DarkCat09]

Another codestyle thing that I've just reverted: single HTML tags. Sometimes they're written as <tag/>, sometimes as <tag />, sometimes <tag>. It doesn't change how a page look, yes, but it does change how much a web developer wants to work with this code