Redesigning sites, 2023

So here we go.

The original personal site was rebuilt in 2022. (Before I have many iterations of the site.) The last time I redesigned, I used the template Paradigm Shift. But I don't think it represented myself well. So I'm going to roll my own.

Into Tailwind CSS

I already knew this utility-first CSS framework before. But the first time I used Tailwind CSS was on Minoko Doucments. It's actually much fun to write components in this way. You can also visit Tailwind CSS's Utility-First Fundamentals to know about it.

(IMO, Tailwind CSS allows quicker prototyping 'cause you always style elements directly.)

A blog post of Tailwind CSS creator also described the benefits of utility-first way of designing.

Colors

This is the colors. On the left is the background color, on the right is text color.

I'm into pink color and will use these colors from Tailwind CSS presets.

On dark mode it's somewhat different:

Toolings

Using frontend toolings will allow me to better intergrate Tailwind CSS into my tools.

Minoko Novel will use VitePress while the homepage will use Astro.

The redesign will make my own page of Minoko Novel looks more like the one on Readonly.

Will you redesign the blog?

Probably not.

I still like the Hugo framework, and I don't think I can design a good-looking blog.

(Side note: It's possible to intergrate Tailwind CSS into Hugo using PostCSS, as Hugo has PostCSS support)

That's it!