The same library got me again😑

Quick take:
I added a project page where I can showcase all projects. I also added a blog page where I can show the development process of my projects and also write about whatever interests me. Finally I added a very simple gallery page that hosts some pictures.

The projects and blogs both have buttons to ‘read more’. And thats exactly where it became dificult…

For the most part, making these pages was fairly easy, I made it so I can just add entries to a json file and there appears a new card with all of the article/project info.
The difficult part began when I wanted to link a markdown file to these json files so that I can easily write in Google docs and just export as a markdown.

The big problem was that because of the libary I am using (Swup) the text inside the markdown files wasn’t being rendered.
I tried a bunch of solutions but the one that worked was to tell Swup not to care about the link to an article/project (eg. dont perform a transition). This way the browser performes a hard reset of the page.

The only problem that was left is that then the header and footer dont display…

Yeah, I just hardcoded them in everywhere😅. It’s not beautifull and I’m not proud of it, but it is a fix.

And that’s the most important!

I had beef with a library… or was it just me🥲

I spent the past few hours working on a portfolio/blog website where I can easily track and show my progress, both for myself and others.

The idea was to just create a quick website so I could quickly continue working on my other projects and actually start posting on the page…

Just as all projects, it got slightly out of hand and I spent WAY too much time making this website nicer, and completely ignoring my goal of a “quick” website.

The home page

On the home page I added a carousell, orbiting around earth, where I can showcase some projects. I did follow a youtube tutorial for the carousell (I’m not that good🥲)
I already did this one time before so I just used that code.

The about page

I also designed the about page with some info, a quote and some aditional ‘focus cards’.

Oh yeah, and the whole library thing…
I basically wanted to make some cool page transitions (which I have never done before). So I figured I would just follow a quick tutorial on youtube about the Swup libary… aaandd that didn’t exactly work as planned.

Turns out it was just my fault for completely following a 6y old tutorial that was using a previous v3 version of the libary. I was using the v4 in my code, which appairently works a bit differently.

Luckly everything works fine now!!

… turns out it was my fault after all.