codingkitten.dev

Got my site deployed to cloudflare pages (after a big battle with env vars). I basically had to rewrite the way I handle them. But after 9 failed deployments I managed to get my site working. And its really fast now.

I am gonna update some of the project info and hit that ship button

Added an image gallery page, it has some pcs I built, my awesome cat and some other random photos.

I also made the projects page responsive, that required a pretty substantial change in how the layout works, but I managed to get it working.

I worked on making the homepage mobile responsive, for mobile the layout switches to 2 collumns instead of 5, for this though I had to make the bottom button span 2 wide. I think it looks decent like this.

Also had to make the search bar have aspect-3/1 on mobile (it was looking too big for a search bar)

Now only every single other page is left

Added some easter eggs to the seearch page (with “gamble” being one of them).

Had a lot of fun doing this, some are very random (I did this at midnight for context)

Yeah fun

Finally hooked up the search bar (that was just there for vibes since the start of this project) to a working search page. Had to learn how sveltekit handles state saving in the url, after messing around for a long time I managed to get it working. Idk why but the sveltekit docs are pretty short about this specific topic, normally they have an example snippet etc but no this was just a concise description.

Thanks for reading thats it for this devlog

Added an interactive cat petting card, the idea is that you can click it to let me know you visited my website. From a technical standpoint it uses an upstash free tier data base with just one key “petCount” which gets incremented on click. To piece it all together I added a simple API route at /api/pet with two operations GET and POST.

GET retrieves the pet count, and POST increments it by one. I love SvelteKit

Anyhow thats about it for this devlog, bye bye

Made the actual project cards themselves and filled the coding projects page with them.

I ended up choosing to not make one singular project card component since each project card had to be a little different. No image, not buttons different status etc. could have probably made a singular component, but… I am lazy so chose not to.

Anyhow thats it for this devlog

Spent most of my time working on this design for the project cards (this is just a mockup) The pain and suffering of turning this into code is yet to come :)

Made auto loading blog posts. Posts now dynamically load in using a meta glob import.

I also fixed up the navbar to center the title (which was a pain by the way, but it worked so yay)

Progress so far, I have decided on a 5x3 grid with cards