---
description: hi
date: 2025-05-23
modified: 2025-05-23
blurb: <p>i hate luxon</p><p><img src="/assets/img/blog/luxon.png"></p>
avatar: /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?

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](/blog/break-time#i-have-no-some-idea-what-i'm-doing).

I figured out that standard markdown doesn't implement header links (without manually adding in HTML 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`:

```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](/home#interests), previously a shelf with game cases and CD jewel cases, to instead be desktop shortcut entries.

<figure><img src="/assets/img/blog/shelf.png"><figcaption>How the shelving featuring my personal favorite games and music looked before.</figcaption></figure>