Personal Website

Personal Website

5 devlogs
12h 47m
•  Ship certified

My personal website, featuring a bunch of silly ideas and chaotic posts.

Timeline

Ship 1

1 payout of shell 24.0 shells

Your local wobbler, Suya

about 1 month ago

Your local wobbler, Suya Covers 5 devlogs and 12h 47m

My website got a brand new light mode! Turns out uh... I forgot to actually contrast check my light mode. Oops. The new one is WCAG3 approved and also required a lot of tweaking to the theming engine I use internally (leonardo colors + my kleur colour scheme).

Fun things that happened
- I had to completely redo how I did light/dark mode for the hero section on the top left corner of the landing page. There's a lot more variables and weird css sections. Do not view my websites CSS. It is not pretty.
- I learnt a bit more about ARIA labels. Turns out, can't have an alt tag. You use a label. Glad I caught this now by accident lol. Probably should've made a separate commit, but who cares about git history :ferrisAware:
- Browsers can't contrast check image backgrounds. Lame. Firefox is giving me a lot of false positives for that

Anyways, I think my own website is finally polished enough to ship. I'll be updating it a lot soon enough though. I have a lot of silly ideas ready :)

Update attachment

I reworked my post page! The CSS has been entire redone and so has the table of contents. It's quite a bit nicer and the HTML is a bit more semantic (better for accessibility)

Update attachment

Fully finished the home page! Looks pretty damn cool now I think :3 I updated a bunch of the CSS to be a bit more modern and also slightly more compressible (thanks lightningcss).

I've completely rewritten this section of my website
- Uses animejs instead of motionone
- CSS completely rewritten
- HTML/DOM simplified
The code is now (slightly) less cursed and makes a bit more sense

Currently in the middle of a complete rewrite of my website.

  • Removing MasterCSS entirely (reduces website bloat, makes it load faster, and lightningcss can transpile the css. Currently, only the header is done, which is why the screenshot looks so WIP lol)
  • Uses the latest version of my colourscheme, kleur (most changes are for light mode)
  • The website fully works without JS. Previously, 90% of it worked without JS. Now I'm rewriting it to 100% work without JS, with JS adding a few nice animations and such.

I'm also going to be retheming a lot of elements, gradients, and some specific sections a lot more than the currently are on the live version. Next devlog will probably be the landing page done

Update attachment