WIP: supakeen/ui-improvements #1

Draft

supakeen wants to merge 10 commits from supakeen/ui:supakeen/ui-improvements into master

Author	SHA1	Message	Date
supakeen	13002057f8	Initial Review Changes. A bigger border for the logo, some prettier margins. Remove one of the breakpoints for the screen size. Fix the footer again, but this time within the constraints of 'the body'.	2 years ago
supakeen	1f0ba04aca	Bad editor. Bad. Fix mixed indentation and removal of tabs.	2 years ago
supakeen	3bdbde1c2f	Propagate CSS variables. CSS variables are used for the prefers-dark, propagate them to component CSS as well.	2 years ago
supakeen	0f46a4abc9	Left-align content. Aligning the content to the left allows for a more consistent experience while resizing.	2 years ago
supakeen	363accb91a	Play with the background for prefers-dark.	2 years ago
supakeen	0e97559d27	Cleanup of CSS. All units expressed in `rem`, invert logo in prefers-dark, padding around the footer.	2 years ago
supakeen	925778b060	Text line-height and link hovers, semantics. The general 'good readability' rule is to have a bit larger line-height, aside from this I've added some interactivity to links by hovering over them. I also replaced `staticContent` with `article` for semantics.	2 years ago
supakeen	a351c5d8f1	Dark mode through media query. Browsers can prefer a certain color scheme. This commit implements a new dark color scheme for the website which is supposed to be a placeholder, better colors could be chosen.	2 years ago
supakeen	0c6ba5e1e4	Add media queries for larger screens. It is hard for people to keep track of very wide pages (and sentences), with these mediaqueries the width of the site is limited on screens that are wider than a 1000, or 1400 pixels.	2 years ago
supakeen	9e680d0882	Simplify layout and templates. By removing wrapper elements and switching to a CSS grid layout there are overall less elements to style while providing the same possibilities.	2 years ago