2.6 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 |
{{page.fileSlug}}
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.
If you'd like to implement this yourself, you can find the source files in the old branch
Note: the cut-off in the middle is meant to showcase the light and dark theme.