As main now gets an explicit font-size from header.css which doesn't fit
here it must inherit it's size from body as before.

Signed-off-by: Conrad Zelck <git@simpel.cc>

This is good for the page itself but in body it effects the header too.
That leads to small header jumps if looking on other simpel.cc pages.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Those are now in header.css.

Signed-off-by: Conrad Zelck <git@simpel.cc>

As this is wasted space on mobile devices shrink the font size of an un-
used help section.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Saving style.css creates style.min.css. If using a margin value with .0,
e.g. 1.0em, the minifier removes the unit so it gets an invalid "1.0".
Therefor write "1em" and minifier will make it right.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

First I did set the body bottom margin to 0. I don't know why.
Second the reset part included a margin removal too. Deleted it.
Third removed the calculated body height.
Forth I can now remove the ugly div with class .space. Didn't work too.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Just to have a clener app, move the whole help part into a closed detail
tag.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

I had set "margin:0.6em" what lead to arkward behaviour between para-
graphs. It ignored one of top or bottom margin. As it is best practice
to define margins in one direction not in both I changed it to "margin-
bottom:1.2em". See that I doubled the value.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Make the cat logo -50 % and move 50 %, -50 %.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

Try the minified manifest.min.json. But maybe it had to be the fixed
filename manifest.json.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Source: https://www.freecodecamp.org/news/build-a-pwa-from-scratch-with-html-css-and-javascript



Inludes pwa caching.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Attribute defer not allowed on element link at this point.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Dialog shows frequency in big letters. Prevent scrolling the body behind
the dialog. Otherwise you can find yourself on another position when
closing.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

Another approach to align them all properly.

Signed-off-by: Conrad Zelck <git@simpel.cc>

It should adjust it's size with the font.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Otherwise this would prevent aligning the logos in header.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Small alt text is cool but it shrinks the github cat svg too. As long as
I don't find a solution for this I remove the small font for img.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Style alt text italic and small to be very different from all other
written text.

Signed-off-by: Conrad Zelck <git@simpel.cc>

That makes it possible to see pre-rendered content on very slow networks
extremely earlier.

Signed-off-by: Conrad Zelck <git@simpel.cc>

This is due to speed. Sync css can block sync js. So call sync js first.

Signed-off-by: Conrad Zelck <git@simpel.cc>

This is already set by head.php. So this html line is there only for
open source user who haven't head.php.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Remove all manual set hyphens but use the css option to use hyphens
automatically.

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

 - use more headings and paragraphs instead list
 - this makes it better readable for smaller phones

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>

Signed-off-by: Conrad Zelck <git@simpel.cc>