Welcome to my new blog! Finally I've updated it to use SvelteKit. I've also made things a log more flexible. For basic blog posts, I just create a very simple markdown file and it just renders that out using the SvelteMarkdown library, but I also have the ability to easily add a custom page, in case I want to do something fancy.
On the server side of things, when I check in to github, it will automatically build a static version of the blog and deploy it to Cloudflare Workers. Unfortunately, because I hang a lot of other stuff off this domain, I had to make this a subdomain, a simple redirect from https://sdickinson.com to https://blog.sdickinson.com and we're good to go.
On to the not so obvious things, if you're on a desktop machine, as you move your cursor around, the stars move around a bit. As you scroll up and down, I've added a nice paralax effect (three layers). The menu at the top will shrink when you scroll down too. Unfortunately these don't really play nicely on mobile, so I've had to disable them there.
The colour scheme is defined with just a handful of css variables, and everything is derived from those using the new oklch colourspace (which is SOOOOOOOO much better for deriving colours and creating gradients). (Current Hue: 0)
All of the icons animate if you hover over them or their related link text, using Lottie animations, and a bit of hackery for the hover when it's not just on the icon itself.
Because I suck at writing summaries, when I visit the home page and there's no summary, it reaches out to Mistral and it generates it for me (mainly because for the small LLM, API access is free). Also the about page, I had ChatGPT give me the basics and then I tweaked it from there.
All the relevant images for the post thumbnail or the banner at the top automatically get resized to the appropriate sizes, and by leveraging the Sharp library, it will automatically crop and focus on the interesting parts of the image (I have some parameters in that I can specify in the Frontmatter section of the markdown the tweak this too).
For those who want it, RSS links are also available (and auto discoverable by the browser) by using the Feed library. I have links for traditional RSS, JSON, and Atom feeds.
Styling wise, I've gone with translucent glass and a bit of a space theme. The glass was something I wanted right from the word go, but the space, took me a while to settle on. But once I tried it, it really hit home.
So with that, I think that pretty much covers everything. If there's some specifics you'd like to know about, hit me up over on my Contact Page.