# Crrnt.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1742034695434/8594e06e-363c-47ff-986d-068d060d50e7.png align="left")

(<s>current</s> old version, new version and new version with dark mode on)

Beberapa hari yang lalu saya memutuskan untuk menggantikan desain situs [sua.ist](http://sua.ist) saat ini dengan yang—meskipun belum selesai—lebih baru. Yang pertama dirampungkan dengan cepat secara daring lewat [cPanel](https://en.wikipedia.org/wiki/CPanel), sementara yang kedua lahir dari [*localhost*](http://localhost). Yang pertama di *set* menggunakan *typeface* [Recursive Mono](https://www.recursive.design/) *bikinan* bung [Stephen Nixon](https://stephennixon.com/), sementara yang kedua di set menggunakan *typeface* [Inria Sans](https://black-foundry.com/work/inria/) *bikinan* [Black Foundry](https://black-foundry.com/). Yang kedua masih terlihat berantakan pada [*breakpoints*](https://web.dev/responsive-web-design-basics/#breakpoints) lebih kecil dari 480 pixel, karena itulah disebut sebagai belum selesai. Namun sebuah pemutakhiran tetaplah sebuah pemutakhiran, se\*\*[kecil](/minuscule)\*\* apapun itu. Saya juga telah menambahkan pengalih [mode gelap](https://web.dev/prefers-color-scheme/) pada yang kedua.

*A couple of days ago I have decided to replace the current version of the* [*sua.ist*](http://sua.ist) *site design with a newer—although unfinished—one. The former was done quickly online through* [*cPanel*](https://en.wikipedia.org/wiki/CPanel)*, while the latter is born out of* [*localhost*](http://localhost)*. The former was set using* [*Stephen Nixon*](https://stephennixon.com/)*'s* [*Recursive Mono*](https://www.recursive.design/)*, while the latter is set using* [*Black Foundry*](https://black-foundry.com/)*'s* [*Inria Sans*](https://black-foundry.com/work/inria/)*. The latter still looks messy on* [*breakpoints*](https://web.dev/responsive-web-design-basics/#breakpoints) *smaller than 480 pixels, hence it is called as unfinished. But an update is still an update, no matter how small* [***minuscule***](/minuscule)*. I have also added a* [*dark mode*](https://web.dev/prefers-color-scheme/) *switcher to the latter.*

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1742034701000/716e346b-6685-4863-a41b-1e4b548e53ae.png align="left")

(<s>current</s> old version, new version and new version with dark mode on)

([sua](https://sua.ist))