Skip to content

Releases: uncenter/uncenter.dev

v5.0.0

31 Jul 07:56
@uncenter uncenter
v5.0.0
6484500
This commit was signed with the committer’s verified signature.
uncenter uncenter
GPG key ID: 5B0CECC1B25D24E6
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.0.0 Latest
Latest

Visual enhancements

  • New layout: overhauled the layouts with a separate page and post layout. Both layouts are extremely responsive and dynamic, using Flexbox and Grid to rearrange headers, footers, and the main content.
  • New theme: Still working on the accent colors, but the new theme is currently red + ducks - you might notice a few duck "arrows" in different places, such as the "read more..." and the "back to..." links.

Content updates

  • New projects section/page: I hadn't really showcased my projects earlier because I didn't really have any! Now, I have a projects.json data file that generates a /projects page with links and descriptions.
  • Content refreshes and edits: A few of my earlier posts were not written to the best of my abilities! I went through and corrected all of them to sound more natural and fix typos.

Typography and styling

  • Typography plugin removal: I feel like the website had become "Tailwind-ificated" almost- bland colors, bland typography, and bland icons. I solved the bland typography plugin by, well, removing it!
  • Custom typography: I needed new typography after removing the plugin, so I made my own, inspired by castel.dev and the Crafting Interpreters series (see example).
  • New "General Sans" font: As part of the new typography, I am using a custom General Sans font instead of ui-sans-serif and other system UI fonts the Typography plugin was having me use.

Color themes:

  • Dark/light/system color schemes: I had a dark/light toggle in v3, but I never had it in v4! I finally got around to adding one, with just simple and semantic HTML (a <select> element) and a short script, that has dark, light, and system/automatic options.
  • No flash of white on load: By placing the script in the <head> and using the DOMContentLoaded event, there is no flash of white/black prior to loading as it all happens before the page loads.

Other

  • Inline some scripts and essential styling: Instead of linking to scripts, I now inline them (inspired by ryanccn) using JavaScript data files to read the script contents. I also have done the same with the @font-face declarations for the new General Sans font.
  • New <head>/meta values: I finally got away with the old, generic description and added a more humorous and personal description. I also added font preloading, new titles, etc.
Assets 2
Loading