Resources

Below, I list all the technologies and sources I took code from.

  • 01.05.2024: The website is hosted on OVH with nginx on Ubuntu. It was built using WordPress with the following plugins:
    • WP Super Cache
    • Performance Lab
    • Contact Form 7
    • Classic Editor
  • 10.09.2024: The website is now a PWA. I Added a manifest and a service worker that allows for offline use. I deplore the Cache-First strategy for document requests. While this minimises the number of outgoing requests, it also means that the cache has to be invalidated whenever I publish on this site. For other static assets I still rely on the HTTP Cache. EDIT 19.05.2025: it now uses the stale-while-revalidate approach if the visitor’s connection is fast enough and they aren’t signaling to wanting to save data.
  • 25.11.2024: Improved accessibility by making tabs accessible via keyboard.
  • 10.01.2025: Added light mode.
  • 17.01.2025: Added dark/light mode toggle borrowing code from Henry Bley-Vroman and Joseph Cortez.
  • 27.01.2025: Added View-Transitions for page navigations.
  • 19.05.2025: Using SVGs from MaterialDesign svgrepo.com and iconify.design.
  • 07.07.2025: Made footnotes appear in popovers, which was inspired by a post from Jake Archibald. The intention of his post was to convince people to not use footnotes at all because of accessibility and readability concerns. I hope to have improved readability with the popover approach. The overall accessibility concerns need to be addressed soon as well.
  • 11.08.2025: The background color of WRAPS score will be based on the score in the range between red and green. I use the color-mix method. In order to make sure the colors have enough contrast in all cases, I use the contrast-color-method. Since this is not available yet in major browsers, I use a fallback solution that was suggested by Lea Vrou in her blog.
  • 18.08.2025: Add View-Transitions for dark/light mode toggle using an example demonstrated by Kevin Powell.