GitLab

Also add image from the letter.

This shortened title is better to display on mobile devices.

Reverse chronological order of the arrows.

Add descriptive texts to the arrows.

Adding page titles requires a bit more sophisticated CSS.

German words are usually a bit longer, so in general a smaller font-size
will increase formatting and readability.

Spellchecking german does not work so well.

Don't run spellcheck on the impressum.

For compliance with GDPR.

Contact details are protected by javascript.

With permission inspired from https://git.shivering-isles.com/shivering-isles/blog/-/tree/deploy

This patch enables font-swapping which allows the browser to render the
website using the fonts it has configured as fallback and as soon as the
font is downloaded, it should swap the fallback-font with the web-font
provided by the webpage. [1]

This will prevent content being hidden due to missing fonts and while on
fast connections causing an unneeded redraw of the entire page, on
mobile devices or slow connections it makes text viewable 3s[2]
earlier and that's a huge win.

[1]: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display
[2]: https://developers.google.com/web/updates/2016/02/font-display#differences_in_font_rendering_today

Serving the fonts from the same server as the blog.

Although npx should work by default in npm > 5.x it doesn't in this case.