website/_src/data/blog/Rewrite 2.0.md
2025-06-11 09:40:03 +03:00

1.9 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?

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 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.