Sanna Kramsi - Portfolio Who? Me?

Photo by Ines Álvarez Fdez on Unsplash

My accessibility info site

Year: 2020

The original project

This project started out as a small info site about accessibility where I could collect all of the accessibility notes I've written down. Then I slightly expanded the project by adding a content type for small accessibility demos. The site is still a work in progress, I will add both content and features as I come up with them.

At first, I tested mmenu off-canvas plugin for the menu. I wasn't really feeling it so I switched things up a bit. I now am using Accessible Mega Menu, though I don't really use the mega menu part of the plugin. I also ended up changing the dark theme after a while, I just didn't get used to the original color choices. (This menu library does have some weird ARIA that I've modified manually for this project, so if you use the library, pay attention to the ARIA.)

This site is hosted on Kubernetes. I had nothing to do with the hosting, all props to my fiancé.

The facelift

In 2021 I gave the site a new look. I also reorganized the content structure since the original structure wasn't really working with all the added content.

2021 updates

I added a Finnish language version to the site and a simple site search with Drupal's Search API. I've also been adding more content due to which I reorganized the header a bit.

2023 updates

In 2023 I went a bit further and switched Drupal to Strapi. The search uses Meilisearch. Unfortunately, it doesn't currently provide language filtering but hopefully, that will come soon. The front uses Next.js like my other sites. I had my first experience with TypeScript as well. For the styling, I use both CSS and Tailwind.

October updates

I had some issues with Next.js as well as Netlify. That caused me to think about switching up the front end again. I had been looking at Astro for a while and decided to give it a go. And since Astro's official hosting partner is Vercel, I decided to also move my hosting there. I kept the backend in Strapi since I haven't had any troubles with it. However, I did switch from GraphQL to JSON for the data fetching.

Roles in the project

Links to the project

Technologies