fix: #520 Fixed scroll to the top (Publicaties)
Previous thoughts on how to fix it were actually quite irrelevant when learning that sveltekit not only has data-sveltekit-reload thath elped us in #516 but it also has data-sveltekit-noscroll, that helps with links not jumping to the top of the page when being clicked.
fix: #516 fixed on detail pages (Layout)
Due to the nature of the "/", detail pages weren't referring back to the detail page, but to the actual homepage. Now with the added bonus of data-sveltekit-replacesate it does need to bereferred to with a "#", but the tabindex is basically refreshed so that it begins at the top and refers to it's own page.
fix: #516 change link directory (Layout)
Due to the tabindex being wrong I changed the directory where the link takes you, so that it wouldn't mess with the natural flow of the website.
test: #515 Preloading the css file
In a previous lighthouse test the font that was being loaded in now did work, the only renderblocking that remained was the css file. I want to try and see if it will work just as well
fix: #515 Loading the fonts in
With the help of @ju5tu5 I actually just wanted to load in the font's instead of the whole CSS document. I will push this code and test in PR #545 if the render-blocking has decreased in size.
fix: #515 preconnect links. (layout)
Learning about effectively loading fonts and stylesheets I came across an article that uses several methods of preconnecting and preloading the fonts/stylesheets. That is what I will be doing as well
fix: announce first which fields are required #500
desktop is the exact same, visually. on mobile I left the p at the top. mobile has flex making it harder to move around
