# Rewrite 2.0
I haven't worked on much of anything the past 8+ months, and out of the blue, I decided that I wasn't happy with how my website was looking, so I've been spending a couple of weeks working on rewriting the site and writing this post up.
# So, what's new?
It's now open source under CC-BY-NC-SA 4.0!
Besides that, a lot is new, actually. For starters, I ported the site over to a fresh build of Eleventy 3.1.0, 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 inline html
headings with id
attributes), so I ended up switching to markdown-it and
markdown-it-anchor.
I switched to using date-fns aswell, instead of
Luxon. 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");
});
They're just two, which I previously struggled to achieve with Luxon, requiring me to end up writing an extra filter, which I still do not know why it was erroring.
# Smaller stuff
I wasn't exactly a fan of how I laid out my interests, previously presenting them as game boxes and CD jewel cases on a shelf.
I've changed them to be more minimal, mimicking Windows desktop entries with the shortcut icon.
If you'd like to implement the shelving for your own website, 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.
I largely wanted to move away from it because, I mean... it's all a huge css
crime, and I just wanted something less flashy, really.
Although, I did re-implement a pretty simple button
toggle to switch the theme to my website's old look, because I feel like that it was too iconic to get rid of.
I'd like it to be more modular, but I do not like sitting down and staring at js
code if I can help it.
It's also not a 1:1 port, since I'm working with a different site layout, folder structure and just different principles for how I write css
now.
i hate luxon
