Skip to main content

Make It Kawaii

· 3 min read
enigmalea

I've actually done two major updates since the last update log. The first made some tweaks to Netlify CMS (now Decap CMS) and updated some CSS.

Decap CMS

  • Updated config to work with pages (I think).
  • Styled backend with CSS so that it's not so blinding to use.

CSS Updates (Round 1)

While I was working on a Stylus UserCSS for another site, I realized that my site was using a different text color than the Catpuccin style guide allowed for on the dark theme. I decided to remedy that and that sent me down a rabbit hole.

  • Updated text and header colors.
  • Added colors for strong and em tags
  • Added a plugin for images lightbox.

I also updated frontmatter on all pages (in an attempt to work better with the CMS), but I'm still running into some issues with the CMS set-up where page titles/labels aren't showing. I'm very tempted to throw out this CMS and try with a different one.

And then came the Make It Kawaii edition.

Between these two updates I added a tutorial to my Digital Garden, and when I came back to finish updates to it, my ADD went into overdrive. It's so rare that I manage to have inspiration to make something cute that I went with it.

CSS Updates (Round 2)

  • updated header colors to have a rainbow across levels
  • updated title to rainbow gradientstyled HRs with a cute heart image
  • [fix] top bar no longer renders different on docs section! (I was applying a CSS tweak incorrectly)
  • cleaned up styling on summary and details tags
  • [fix] corrected incorrect warning and error colors (I accidentally deleted these during the tutorial update)

Layout & Content Updates

  • updated top bar navigation
  • added badges and buttons
  • removed twitter link
  • added socials section
  • updated credits
  • [fix] corrected docs with incorrect header levels (apparently, I had several H1s that should have been H2s and couldn't tell until I change the colors).

The overall look is a much cuter and quirky site invoking old school sites but using new tech. Next up on my list:

  • Attempting to add an updates module to my landing page linking to this blog
  • FORMS - I want to add a form to my author's note page
  • About Me page
  • Webrings?
  • Continue Decap CMS experimentation (maybe)