sundae/website
sundae/website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mostly good for release

Browse source
This commit is contained in:
sundae 2025-06-25 13:08:50 +03:00
parent 8fc7eff67b
commit b626e6265e
No known key found for this signature in database
32 changed files with 425 additions and 169 deletions
Download patch file Download diff file Expand all files Collapse all files

35
_src/data/blog/Rewrite 2.0.md
View file

@ -1,26 +1,23 @@
---
description:
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
description: I heard you like rewrites, so we put rewrites in your rewrites, so you can rewrite while you rewrite
date: 2025-06-25
blurb: <p>i hate luxon</p><p><a href="/assets/img/blog/luxon.png"><img src="/assets/img/blog/luxon.png"></a></p>
avatar: /assets/img/art/sundae_lick.gif
---
### {{page.fileSlug}}
<time datetime="{{date|ISO}}">{{date|readable}}</time>
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.
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](https://bunsin.space/forgejo/sundae/website) under <abbr title="Creative Commons Attribution-NonCommercial-ShareAlike 4.0">CC-BY-NC-SA 4.0</abbr>!
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](/blog/break-time#i-have-no-some-idea-what-i'm-doing).
Besides that, a lot is new, 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` 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 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 {%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.
I switched to using {% ai "https://date-fns.org/" %}date-fns{% endai %} aswell, 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`:
@ -35,11 +32,23 @@ eleventyConfig.addFilter("readable", (dateObj) => {
});
```
They're just two, which I previously [struggled to achieve with Luxon](/blog/break-time/#you're-telling-me-that-java-scripted-this%3F), requiring me to end up writing an extra filter, which I still do not know why it was erroring.
### 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.
I wasn't exactly a fan of how I laid out my [interests](/home#interests), previously presenting them as game boxes and CD jewel cases on a shelf.
If you'd like to implement this yourself, you can find the source files in the [old branch](https://bunsin.space/forgejo/sundae/website/src/branch/old)
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](https://bunsin.space/forgejo/sundae/website/src/branch/old).
<section><a href="/assets/img/blog/shelf.png"><figure><img src="/assets/img/blog/shelf.png"><figcaption>How the shelving featuring my personal favorite games and music looked before.</figcaption></figure></a>
<a href="/assets/img/blog/media.png"><figure><img src="/assets/img/blog/media.png"><figcaption>How it looks now.<br>Note: the cut-off in the middle is meant to showcase the light and dark theme.</figcaption></figure></a></section>
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.