website/_src/data/blog/Rewrite 2.0.md

2.2 KiB

description date modified blurb avatar
hi 2025-05-23 2025-05-23 <p>i hate luxon</p><p><img src="/assets/img/blog/luxon.png"></p> /assets/img/art/sundae_glistening.png

Hi... I spent a good 8+ months not working on much of anything, really.

On a whim, I decided I wasn't happy with how my website was looking, so I've been spending the last week or so working on this as of writing.

So, what's new?

It's now open source under CC-BY-NC-SA 4.0!

Besides that, a lot, actually. For starters, I ported the site over to a fresh build of {%ai "https://github.com/11ty/eleventy/releases/tag/v3.1.0"%}Eleventy 3.1.0{%endai%}, which was way easier than I expected, since I originally started from a base.

I figured out that standard markdown doesn't implement header links (without manually adding in HTML headings with id attributes.), so I ended up switching to {%ai"https://github.com/markdown-it/markdown-it"%}markdown-it{%endai%} and {%ai"https://github.com/valeriangalliat/markdown-it-anchor"%}markdown-it-anchor{%endai%}.

I also switched to using {% ai "https://date-fns.org/" %}date-fns{% endai %} instead of {%ai"https://github.com/moment/luxon/"%}Luxon{%endai%}. This library is just way better documented, for someone that still sort of struggles with JavaScript.

Here's a snippet of my time filters in my eleventy.config.js:

import { format } from "date-fns";

eleventyConfig.addFilter("ISO", (dateObj) => {
	return format(dateObj, "yyyy-LL-dd");
});
eleventyConfig.addFilter("readable", (dateObj) => {
	return format(dateObj, "LLLL d, yyyy");
});

Smaller stuff

I decided to change the presentation of my interests, previously a shelf with game cases and CD jewel cases, to instead be desktop shortcut entries.

How the shelving featuring my personal favorite games and music looked before.
How it looks now.