·
630 commits
to main
since this release
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.jsondata 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-serifand 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 theDOMContentLoadedevent, 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-facedeclarations 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.