Hello hello. I’ve updated my profile page, it may not look like very much changed, as its just a few layouting changes that are not visible to the eye.

The biggest changes comes from the repository itself. As I’ve now improved the README/documentation and the workflow on how to build the page, making it slightly easier for me and anyone that wants to adopt, fork, and work it.

Though, you still need git, GitHub account, and Node.js to use it.

If you want to fork it, check out the repo’s README, as it is now far more comprehensive. Since I will only be talking about the process and the journey here.

This is probably one of the most overengineered stuff I’ve developed, considering what it does and its purpose. All of it stems from itch.io’s strange(?) limitation of 5120 characters on profile page’s CSS.

Why? I… don’t know. Project pages doesn’t have that limitation, do they??

So, I had to do this hacky way to use CSS with >5120 characters. Basically, what it does is:

• Minify the CSS with cssnano, and some hand-tailored compression function made specifically for itch.io page.
• After that, it will split the CSS to two part. As the CSS exceeded the 5120 character limit. It’ll split to:
  • The ‘main’ CSS that will be copy pasted directly to the custom CSS field.
  • The ‘imported’ CSS that will sits on the repo, and gets imported via jsDelivr.
• Not only that, the build also need to be versioned, so that jsDelivr will know which imported/separated CSS to pick.

But… thanks to this update, all of that is wrapped inside these neat two commands:

npm run build
npm run publish

So that I (and others) can focus on developing/updating on the CSS and the HTML more.

Thanks for reading, and don’t forget to update your browser.

And maybe star the repo?? 👉👈