From c8223447a0bb1b35c03f141ddd383a2cf853c889 Mon Sep 17 00:00:00 2001 From: sundae Date: Sun, 19 Oct 2025 15:55:35 +0300 Subject: [PATCH] implemented eleventy filter for links --- _src/_data/site.json | 3 +- _src/_includes/base.njk | 2 +- _src/_includes/blog.njk | 2 +- _src/_includes/gallery.njk | 84 +++++++++++------------- _src/_includes/meta.njk | 14 ++-- _src/assets/css/citrus/blog.css | 40 +++++------ _src/assets/css/citrus/default.css | 3 +- _src/assets/css/citrus/home.css | 6 +- _src/assets/css/default/blog.css | 32 +++++---- _src/assets/css/default/default.css | 20 +++--- _src/assets/css/default/home.css | 13 ++-- _src/assets/css/default/index.css | 6 +- _src/assets/css/default/theme-dark.css | 9 +-- _src/assets/css/default/theme-light.css | 6 +- _src/data/art/artwork/glistening.md | 4 +- _src/data/art/artwork/lick icon.md | 2 +- _src/data/art/artwork/starchild.md | 2 +- _src/data/art/artwork/sunny doodle.md | 2 +- _src/data/art/artwork/sunny's model.md | 2 +- _src/data/art/fanart/PETSCII lurantis.md | 2 +- _src/data/art/fanart/PETSCII sue.md | 4 +- _src/data/art/fanart/mallow.md | 2 +- _src/data/blog/Break time.md | 15 +++-- _src/data/blog/Rewrite 2.0.md | 18 +++-- _src/data/blog/System switching.md | 60 ++++++++++------- _src/data/changelog/2023-03-16.md | 2 +- _src/data/changelog/2023-07-18.md | 2 +- _src/data/changelog/2023-08-05.md | 2 +- _src/data/changelog/2023-12-01.md | 2 +- _src/data/changelog/2023-12-11.md | 2 +- _src/data/changelog/2024-06-11.md | 16 ++--- _src/data/changelog/2024-09-24.md | 4 +- _src/data/changelog/2025-06-25.md | 4 +- _src/data/changelog/2025-09-09.md | 2 +- _src/data/changelog/2025-09-10.md | 4 +- _src/data/changelog/2025-09-11.md | 2 +- _src/data/changelog/2025-10-14.md | 6 +- _src/data/changelog/2025-10-19.md | 5 ++ _src/index.html | 8 +-- _src/pages/blog.html | 10 ++- eleventy.config.js | 11 +--- 41 files changed, 230 insertions(+), 205 deletions(-) create mode 100644 _src/data/changelog/2025-10-19.md diff --git a/_src/_data/site.json b/_src/_data/site.json index b7fa66b..b22eb77 100644 --- a/_src/_data/site.json +++ b/_src/_data/site.json @@ -1,3 +1,4 @@ { - "name": "sunny's bunspace" + "name": "sunny's bunspace", + "mastodon": "https://denden.world/@fossilisk" } diff --git a/_src/_includes/base.njk b/_src/_includes/base.njk index 1ccc51a..5150fb6 100644 --- a/_src/_includes/base.njk +++ b/_src/_includes/base.njk @@ -15,8 +15,8 @@ theme: "M16 6a1 1 0 010 20Zm0-4a1 1 0 000 28A1 1 0 0016 2" {% endif %} {{ site.name | safe }} - {% include "meta.njk" %} + diff --git a/_src/_includes/blog.njk b/_src/_includes/blog.njk index efbdd5d..90af020 100644 --- a/_src/_includes/blog.njk +++ b/_src/_includes/blog.njk @@ -4,7 +4,7 @@ layout: base
{{content|safe}} -
+
{{blurb|safe}} Profile picture
\ No newline at end of file diff --git a/_src/_includes/gallery.njk b/_src/_includes/gallery.njk index 348fe6c..ab588bd 100644 --- a/_src/_includes/gallery.njk +++ b/_src/_includes/gallery.njk @@ -14,49 +14,43 @@ layout: base + {% endif %} + {% if palettes and palettes|length > 0 %} +

Color palette used:

+ {% for palette in palettes %} + - {% endif %} - {% if palettes and palettes|length > 0 %} -

Color palette used:

- {% for palette in palettes %} - - {% endif %} -
- {% for image in images %} - -
- -
{{ image.alt }}
- -
- - {% endfor %} -
- {% for attachment in attachments %} -
- -
- -
{{ attachment.alt }}
-
- -
- {% endfor %} - \ No newline at end of file + {% endfor %} + + {% endif %} +
+ {% for image in images %} + +
+ +
{{ image.alt }}
+ +
+ + {% endfor %} +
+ {% for attachment in attachments %} +
+ +
+ +
{{ attachment.alt }}
+
+ +
+ {% endfor %} + \ No newline at end of file diff --git a/_src/_includes/meta.njk b/_src/_includes/meta.njk index 8f08c53..88d2446 100644 --- a/_src/_includes/meta.njk +++ b/_src/_includes/meta.njk @@ -1,7 +1,7 @@ - - - - - - - \ No newline at end of file + + + + + + + \ No newline at end of file diff --git a/_src/assets/css/citrus/blog.css b/_src/assets/css/citrus/blog.css index 0ef0694..a5fa4c7 100644 --- a/_src/assets/css/citrus/blog.css +++ b/_src/assets/css/citrus/blog.css @@ -13,12 +13,24 @@ background-size: auto; background-repeat: repeat; box-shadow: inset 0 -2rem 3rem -4rem var(--dark), var(--shadow-heavy); - & aside { - border-width: 2px; - border-style: solid; - background-color: var(--citrus-mix-light); - border-color: var(--citrus-mix); + & aside, .addendum { border-radius: 0; + border-width: 4px; + border-style: solid; + } + & aside { + border-color: var(--citrus-mix-light); + background-image: linear-gradient(135deg, + var(--citrus-light-extra) 5%, + var(--citrus-light) 50%, var(--citrus-light-extra) + ); + } + & .addendum { + border-color: var(--citrus-primary); + background-image: linear-gradient(135deg, + var(--citrus-mix-light) 5%, + var(--citrus-light) 50%, var(--citrus-mix-light) + ); } & pre { border-radius: 4px; @@ -26,21 +38,13 @@ background-color: var(--citrus-dark-extra); background-size: 4px; } - & [aria-label="Post warning"] { - background-color: var(--citrus-primary); - } - & [aria-label="Addendum"] { - border-image-source: linear-gradient( - 45deg, - var(--citrus-primary), - var(--citrus-secondary) - ); + & .post-warning { background-color: var(--citrus-primary); } & s { text-decoration-color: #d00; } - & [aria-label="Postscript"] { + & .postscript { & span:has([alt]) { &::after { content: ""; @@ -72,7 +76,8 @@ ellipse at 50% -0%, var(--light) 20%, var(--dark) 150% - ), var(--pansexual); + ), + var(--pansexual); background-blend-mode: overlay, normal; background-size: cover, 100%; background-position: center; @@ -101,6 +106,3 @@ } } } -#blog:not(:has(#posts)) header { - text-align: initial !important; -} diff --git a/_src/assets/css/citrus/default.css b/_src/assets/css/citrus/default.css index 10a7e94..13fb42f 100644 --- a/_src/assets/css/citrus/default.css +++ b/_src/assets/css/citrus/default.css @@ -4,8 +4,7 @@ @import url("./nav.css"); @import url("./variables.css"); -:is(a, button):not(span *, [aria-label="Postscript"] *, body nav *), -span:has(a), +:is(a, button):not(span *, .postscript *, body nav *),.link, #posts a { color: var(--citrus-dark); transition: background-color var(--trans); diff --git a/_src/assets/css/citrus/home.css b/_src/assets/css/citrus/home.css index e85430f..385fcaf 100644 --- a/_src/assets/css/citrus/home.css +++ b/_src/assets/css/citrus/home.css @@ -6,9 +6,13 @@ article#badges { } } #interests li { + width: 16ch; margin: var(--pad-sm); box-shadow: var(--shadow-light); - background: color-mix(in lch, #ff0, #fff); + background-image: linear-gradient(color-mix(in lch, var(--citrus-light-extra), var(--citrus-primary) 50%), var(--citrus-primary) 200%); + & img { + filter: drop-shadow(0 0 1px var(--citrus-dark)); + } &:nth-child(odd) { transform: rotate(1deg); } diff --git a/_src/assets/css/default/blog.css b/_src/assets/css/default/blog.css index 1f42ec1..9aa91aa 100644 --- a/_src/assets/css/default/blog.css +++ b/_src/assets/css/default/blog.css @@ -1,15 +1,17 @@ :root { --avatar: 3rem; } -#blog:not(:has(#posts)) header { - text-align: center; +article:not(#blog:has(#posts) *) { + margin: 0 auto; } article { - margin: 0 auto; max-width: var(--post); - & > [aria-label="Postscript"]::after { - background-color: var(--primary); - } + & ul { + margin: 0; + } + & > .postscript::after { + background-color: var(--primary); + } & section:not(section:has(p)) { display: flex; gap: var(--pad-l); @@ -27,7 +29,7 @@ article { h6 { margin-bottom: var(--pad-m); } - & [aria-label="Post warning"] { + & .post-warning { display: flex; flex-direction: column; font-size: 1.4rem; @@ -42,19 +44,19 @@ article { } } } -[aria-label="Addendum"], -[aria-label="Post warning"], +.addendum, +.post-warning, article aside { margin: var(--pad-l) 0; padding: var(--pad-l); } -article > [aria-label="Addendum"] { +article > .addendum { border-image-slice: 1; border-image-width: 2px; border-image-outset: 4px; } -article > [aria-label="Postscript"] { +article > .postscript { margin: 0 0 auto auto; padding: 2rem 0 4rem 0; &::after { @@ -127,10 +129,6 @@ article > [aria-label="Postscript"] { padding: 0; } - & li p { - margin-block-start: 0; - } - & a { display: flex; flex-direction: column; @@ -162,7 +160,7 @@ article > [aria-label="Postscript"] { max-width: unset; width: auto; } - article > [aria-label="Postscript"] { + article > .postscript { & p { margin-right: var(--pad-sm); & > a img { @@ -173,7 +171,7 @@ article > [aria-label="Postscript"] { } } @media (prefers-reduced-motion: reduce) { - article > [aria-label="Postscript"] { + article > .postscript { & p, p > img { transition: none; diff --git a/_src/assets/css/default/default.css b/_src/assets/css/default/default.css index e06b33b..77acbaa 100644 --- a/_src/assets/css/default/default.css +++ b/_src/assets/css/default/default.css @@ -100,6 +100,7 @@ details { } article { + color: inherit; border-style: solid; border-width: 2px; border-radius: var(--round); @@ -170,8 +171,7 @@ article { padding: 0; margin: 0 0 var(--pad-sm) var(--pad-xl); } - & li:is(#art *, #bio *) { - display: flex; + & li:not([role] *, #changelog *) { &::marker { content: none; } @@ -224,12 +224,16 @@ img[src*="/assets/img/flag/"] { } } -span:has(img[src*="https://www.google.com/s2/favicons"]) img -{ - position: relative; - top: 2px; - left: 2px; - margin-right: 4px; +.link { + display: inline-flex; + & a { + margin-right: 4px; + } + & img { + position: relative; + vertical-align: sub; + margin: 0 4px; + } } @media screen and (max-width: 920px) { diff --git a/_src/assets/css/default/home.css b/_src/assets/css/default/home.css index 5e60b0f..600666a 100644 --- a/_src/assets/css/default/home.css +++ b/_src/assets/css/default/home.css @@ -10,11 +10,10 @@ article#bio { & .emoji { - height: 24px; - width: 24px; + height: 20px; + width: 20px; display: inline-flex; - margin: 0 0 0 var(--pad-sm); - align-self: center; + vertical-align: middle; &::after, img { filter: drop-shadow(0 0 0.5px #000a); @@ -131,15 +130,15 @@ article#interests { } #agender { - background-image: var(--agender) + background-image: var(--agender); } #aromantic { - background-image: var(--aromantic) + background-image: var(--aromantic); } #pansexual { - background-image: var(--pansexual) + background-image: var(--pansexual); } #badges img { max-height: 31px; diff --git a/_src/assets/css/default/index.css b/_src/assets/css/default/index.css index 20aa000..26e74dc 100644 --- a/_src/assets/css/default/index.css +++ b/_src/assets/css/default/index.css @@ -16,6 +16,7 @@ background-size: contain; & footer { + position: sticky; bottom: 0; } @@ -24,7 +25,8 @@ display: flex; flex-direction: column; justify-self: center; - & a, img { + & a, + img { z-index: 1; display: inherit; flex-direction: inherit; @@ -44,4 +46,4 @@ right: 0; text-align: center; } -} \ No newline at end of file +} diff --git a/_src/assets/css/default/theme-dark.css b/_src/assets/css/default/theme-dark.css index f72510c..5f6fe78 100644 --- a/_src/assets/css/default/theme-dark.css +++ b/_src/assets/css/default/theme-dark.css @@ -39,7 +39,7 @@ } /* blog.css */ - & [aria-label="Post warning"] { + & .post-warning { background-color: var(--secondary); color: var(--secondary-100); @@ -49,7 +49,7 @@ } } - & [aria-label="Addendum"] { + & .addendum { box-shadow: inset 0 0 0 2px var(--secondary); border-image-source: linear-gradient( 45deg, @@ -69,7 +69,7 @@ /* default.css */ body { background-color: var(--secondary-100); - & :is(a, button):not(span *, [aria-label="Postscript"] *), + & :is(a, button):not(span *, .postscript *), span:has(a) { color: var(--secondary-light-400); border-color: var(--secondary-600); @@ -121,7 +121,8 @@ } } - &::after, & > nav::before { + &::after, + & > nav::before { background-color: var(--secondary); } } diff --git a/_src/assets/css/default/theme-light.css b/_src/assets/css/default/theme-light.css index 3dd8e5b..fb7babf 100644 --- a/_src/assets/css/default/theme-light.css +++ b/_src/assets/css/default/theme-light.css @@ -39,7 +39,7 @@ } /* blog.css */ - & [aria-label="Post warning"] { + & .post-warning { background-color: var(--primary); color: var(--primary-dark-100); @@ -49,7 +49,7 @@ } } - & [aria-label="Addendum"] { + & .addendum { box-shadow: inset 0 0 0 2px var(--primary); border-image-source: linear-gradient( 45deg, @@ -69,7 +69,7 @@ /* default.css */ body { background-color: var(--primary-100); - & :is(a, button):not(span *, [aria-label="Postscript"] *), + & :is(a, button):not(span *, .postscript *), span:has(a) { color: var(--primary-dark-400); border-color: var(--primary-600); diff --git a/_src/data/art/artwork/glistening.md b/_src/data/art/artwork/glistening.md index 7c9ca60..1dd6b48 100644 --- a/_src/data/art/artwork/glistening.md +++ b/_src/data/art/artwork/glistening.md @@ -13,9 +13,9 @@ programs: Incredibly proud of this! -I used ![](https://www.google.com/s2/favicons?domain=https://tombofnull.itch.io/stipple-beast-brush-pack)[TOMBOFNULL's stipple beast brush pack](https://tombofnull.itch.io/stipple-beast-brush-pack), which I'd been meaning to try out before. +I used {{"TOMBOFNULL's stipple beast brush pack"|link:"https://tombofnull.itch.io/stipple-beast-brush-pack"}} which I'd been meaning to try out before. -Inspired by one of ![](https://www.google.com/s2/favicons?domain=https://kaitty.com)[kaitty's](https://kaitty.com) avatars (specifically from their bandcamp), which I thought was really cute. +Inspired by one of {{"kaitty's"|link:"https://kaitty.com"}} avatars (specifically from their bandcamp), which I thought was really cute. It first started out as a doodle, referencing their avatar. Although, I wasn't that happy since the colors I used were a bit flat. diff --git a/_src/data/art/artwork/lick icon.md b/_src/data/art/artwork/lick icon.md index cf44aed..621c132 100644 --- a/_src/data/art/artwork/lick icon.md +++ b/_src/data/art/artwork/lick icon.md @@ -11,6 +11,6 @@ programs: src: https://gimp.org/ --- -I got bored one day and I decided on a whim to make my own lick icon from ![](https://www.google.com/s2/favicons?domain=https://deviantart.com)[Michi's lick icon base](https://www.deviantart.com/sketchmichi/art/Lick-icon-base-201253097). +I got bored one day and I decided on a whim to make my own lick icon from {{"Michi's lick icon base"|link:"https://www.deviantart.com/sketchmichi/art/Lick-icon-base-201253097"}}. Pretty happy with it! \ No newline at end of file diff --git a/_src/data/art/artwork/starchild.md b/_src/data/art/artwork/starchild.md index 1435d97..c3d9b33 100644 --- a/_src/data/art/artwork/starchild.md +++ b/_src/data/art/artwork/starchild.md @@ -8,6 +8,6 @@ programs: src: https://krita.org/ --- -I was incredibly surprised to discover that I could create the space background in-program with Krita, just by using different built-in presets from the [Halftone filter](https://docs.krita.org/en/reference_manual/filters/artistic.html). +I was incredibly surprised to discover that I could create the space background in-program with Krita, just by using different built-in presets from the {{"Halftone filter"|link:"https://docs.krita.org/en/reference_manual/filters/artistic.html"}}. This is one of my favorite artworks that I've spent time working on! diff --git a/_src/data/art/artwork/sunny doodle.md b/_src/data/art/artwork/sunny doodle.md index ed1ed8c..1820148 100644 --- a/_src/data/art/artwork/sunny doodle.md +++ b/_src/data/art/artwork/sunny doodle.md @@ -13,4 +13,4 @@ The first doodle of the boy, done in Microsoft Paint. I'm not sure when I actually made this, due to lack of chat logs and file dates being wiped. -The earliest I could point to is during 2020, when I made a secondary youtube channel to upload ![](https://www.google.com/s2/favicons?domain=https://youtube.com)[Cave Story's soundtracks](https://youtube.com/@fosstracks/videos), since at the time, there weren't any great uploads. +The earliest I could point to is during 2020, when I made a secondary youtube channel to upload {{"Cave Story's soundtracks"|link:"https://youtube.com/@fosstracks/videos"}}, since at the time, there weren't any great uploads. diff --git a/_src/data/art/artwork/sunny's model.md b/_src/data/art/artwork/sunny's model.md index 40509f0..1809ef6 100644 --- a/_src/data/art/artwork/sunny's model.md +++ b/_src/data/art/artwork/sunny's model.md @@ -8,6 +8,6 @@ programs: src: https://krita.org/ --- -For this, I took reference from the work of ![](https://www.google.com/s2/favicons?domain=https://twitter.com)[Dr. Presto (18+ warning)](https://twitter.com/presswer), specifically with how they used to create model sheets of their characters, during 2020. +For this, I took reference from the work of {{"Dr. Presto (18+ warning)"|link:"https://twitter.com/presswer"}}, specifically with how they used to create model sheets of their characters, during 2020. They're a huge inspiration for me to start drawing, and I haven't made proper reference models until this. diff --git a/_src/data/art/fanart/PETSCII lurantis.md b/_src/data/art/fanart/PETSCII lurantis.md index eda1b71..03caf78 100644 --- a/_src/data/art/fanart/PETSCII lurantis.md +++ b/_src/data/art/fanart/PETSCII lurantis.md @@ -14,4 +14,4 @@ palettes: This isn't so much PETSCII as it is pixel art, but it's my first artwork that I've done using lvllvl, which is to say that this is done using a bitmap character set, despite it looking like pixel art. -![](https://www.google.com/s2/favicons?domain=https://archives.bulbagarden.net)[Lurantis don't have a mouth](https://archives.bulbagarden.net/wiki/Category:Lurantis), but I thought I'd give them one anyway, because they look cute with. \ No newline at end of file +{{"Lurantis don't have a mouth"|link:"https://archives.bulbagarden.net/wiki/Category:Lurantis"}}, but I thought I'd give them one anyway, because they look cute with. \ No newline at end of file diff --git a/_src/data/art/fanart/PETSCII sue.md b/_src/data/art/fanart/PETSCII sue.md index 8e3f479..8f4f758 100644 --- a/_src/data/art/fanart/PETSCII sue.md +++ b/_src/data/art/fanart/PETSCII sue.md @@ -7,6 +7,6 @@ palettes: - name: Commodore 64 --- -Cave Story!!! The first PETSCII artwork that I've done before knowing the existence of ![](https://www.google.com/s2/favicons?domain=https://lvllvl.com)[lvllvl](https://lvllvl.com/), using a much less user-friendly tool. +Cave Story!!! The first PETSCII artwork that I've done before knowing the existence of lvllvl, using a much less user-friendly tool. -Inspired by ![](https://www.google.com/s2/favicons?domain=https://mileshouse.neocities.org)[kiophen](https://mileshouse.neocities.org) and ![](https://www.google.com/s2/favicons?domain=https://creature0354.neocities.org)[lati](https://creature0354.neocities.org)'s first PETSCII works! \ No newline at end of file +Inspired by {{"kiophen"|link:"https://mileshouse.neocities.org"}} and {{"lati's"|link:"https://creature0354.neocities.org"}} first PETSCII works! \ No newline at end of file diff --git a/_src/data/art/fanart/mallow.md b/_src/data/art/fanart/mallow.md index c4cea13..b318784 100644 --- a/_src/data/art/fanart/mallow.md +++ b/_src/data/art/fanart/mallow.md @@ -7,7 +7,7 @@ programs: - name: Krita src: https://krita.org/ --- -![](https://www.google.com/s2/favicons?domain=https://caverncrusher.com)[Mallow!](https://caverncrusher.com/Mallow) I love this goober. It's from a ROBLOX game titled ![](https://www.google.com/s2/favicons?domain=https://roblox.com)[Cavern Crusher](https://www.roblox.com/games/15121756860/CAVERN-CRUSHER) that's in development (as of writing). +{{"Mallow!"|link:"https://caverncrusher.com/Mallow"}} I love this goober. It's from a ROBLOX game titled {{"Cavern Crusher"|link:"https://www.roblox.com/games/15121756860/CAVERN-CRUSHER"}} that's in development (as of writing). It has a lot of really cute character designs and I just had to draw one of them. diff --git a/_src/data/blog/Break time.md b/_src/data/blog/Break time.md index b44d09d..4da6fce 100644 --- a/_src/data/blog/Break time.md +++ b/_src/data/blog/Break time.md @@ -8,9 +8,12 @@ avatar: /assets/img/art/sundae_glistening.png ## {{page.fileSlug}} - + +{%if modified%} + +{%endif%} -
+
WARNING: BORING NERD TOPIC AHOY @@ -28,17 +31,17 @@ Actually, it had been mostly finished for a while (since July 1st), but I hit a ### I have no some idea what I'm doing -For starters, porting a website (at least one that's paw-written by yours truly) to a static site generator like [Eleventy](https://11ty.dev/) was definitely something, having only dabbled with editing `.html` and `.css` files without hosting a local server. +For starters, porting a website (at least one that's paw-written by yours truly) to a static site generator like {{"Eleventy"|link:"https://11ty.dev/"}} was definitely something, having only dabbled with editing `.html` and `.css` files without hosting a local server. -Initially I went looking around for a base (as to not start from complete scratch) to use and found [Smol 11ty Starter by 5t3ph](https://github.com/5t3ph/smol-11ty-starter) and set it up. +Initially I went looking around for a base (as to not start from complete scratch") to use and found {{"Smol 11ty Starter by 5t3ph"|link:"https://github.com/5t3ph/smol-11ty-starter"}} and set it up. -I was **very eager** to start working on it, and because I decided to do so late at night, I didn't consult any documentation and thus felt like it would be impossible to learn [Nunjucks](https://mozilla.github.io/nunjucks/) (one of the [templating languages](https://www.11ty.dev/docs/languages/) used in Eleventy) got upset, settled down and slept. +I was **very eager** to start working on it, and because I decided to do so late at night, I didn't consult any documentation and thus felt like it would be impossible to learn {{"Nunjucks"|link:"https://mozilla.github.io/nunjucks/"}} (one of the {{"templating languages"|link:"https://www.11ty.dev/docs/languages/"}} used in Eleventy") got upset, settled down and slept. ### You're telling me that Java scripted this? I still don't understand JavaScript that well, got stumped on a couple of things, and as a result I took some time off working on the re-write. -Regardless, I had ported over the base layout and most pages, which would be around 90% of the work done within the first couple of days. The last 10% that was left being: having to tackle date conversion with [Luxon](https://github.com/moment/luxon), setting custom filters for Eleventy to use them and forgetting to port a few page elements to `.json` data tables. +Regardless, I had ported over the base layout and most pages, which would be around 90% of the work done within the first couple of days. The last 10% that was left being: having to tackle date conversion with {{"Luxon"|link:"https://github.com/moment/luxon"}}, setting custom filters for Eleventy to use them and forgetting to port a few page elements to `.json` data tables. Currently, my filters are handled really shittily, but they work whenever I build my site. diff --git a/_src/data/blog/Rewrite 2.0.md b/_src/data/blog/Rewrite 2.0.md index af0c321..9f6e063 100644 --- a/_src/data/blog/Rewrite 2.0.md +++ b/_src/data/blog/Rewrite 2.0.md @@ -5,19 +5,23 @@ blurb:

i hate luxon

{{date|readable}} + + +{%if modified%} + +{%endif%} 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 CC-BY-NC-SA 4.0! +It's now {{"open source"|link:"https://bunsin.space/forgejo/sundae/website"}} 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](https://github.com/11ty/eleventy/releases/tag/v3.1.0), 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 {{"Eleventy 3.1.0"|link:"https://github.com/11ty/eleventy/releases/tag/v3.1.0"}}, which was way easier than I expected, {{"since I originally started from a base"|link:"/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 inline `html` headings with `id` attributes), so I ended up switching to [markdown-it](https://github.com/markdown-it/markdown-it) and [markdown-it-anchor](https://github.com/valeriangalliat/markdown-it-anchor). +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"|link:"https://github.com/markdown-it/markdown-it"}} and {{"markdown-it-anchor"|link:"https://github.com/valeriangalliat/markdown-it-anchor"}}. -I switched to using [date-fns](https://date-fns.org) aswell, instead of [Luxon](https://github.com/moment/luxon/). This library is just way better documented, for someone that still sort of struggles with JavaScript. +I switched to using {{"date-fns"|link:"https://date-fns.org"}} aswell, instead of {{"Luxon"|link:"https://github.com/moment/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`: @@ -32,7 +36,7 @@ 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. +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 @@ -40,7 +44,7 @@ I wasn't exactly a fan of how I laid out my [interests](/home#interests), previo 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). +If you'd like to implement the shelving for your own website, you can find the source files in the {{"old branch"|link:"https://bunsin.space/forgejo/sundae/website/src/branch/old"}}.

How the shelving featuring my personal favorite games and music looked before.
How it looks now.
Note: the cut-off in the middle is meant to showcase the light and dark theme.
diff --git a/_src/data/blog/System switching.md b/_src/data/blog/System switching.md index 4acf330..d83e17d 100644 --- a/_src/data/blog/System switching.md +++ b/_src/data/blog/System switching.md @@ -1,21 +1,31 @@ --- description: Working with Linux date: 2024-06-22 -modified: 2025-09-09 +modified: 2025-10-19 blurb:

Shiny golden stamp with text 'Works on my machine'

whatever i'm using might not necessarily work for you

avatar: /assets/img/art/sundae_glistening.png --- ## {{page.fileSlug}} - + +{%if modified%} + +{%endif%} -
+
-With Microsoft announcing that ![](https://www.google.com/s2/favicons?domain=https://microsoft.com)[Windows 10 will stop being supported after October 14, 2025](https://support.microsoft.com/en-us/windows/windows-10-support-ends-on-october-14-2025-2ca8b313-1946-43d3-b55c-2b95b107f281), I highly recommend looking into Linux if your device is on Windows 10 and you don't want to buy a whole new device that meets the system requirements of 11. +**Addendum:** -![](https://www.google.com/s2/favicons?domain=https://kde.org)[Here's a handy resource](https://kde.org/for/w10-exiles/) if you aren't sure how to proceed. +{{"Microsoft has ended Windows 10 support on October 14, 2025"|link:"https://support.microsoft.com/en-us/windows/windows-10-support-ends-on-october-14-2025-2ca8b313-1946-43d3-b55c-2b95b107f281"}} -I'm not paid or anything to mention this, I just think **we shouldn't have to put up with capitalist bullshit to continue using a device.** +I highly recommend looking into Linux if your device is on Windows 10 and you don't want to buy a whole new device that meets the system requirements of Windows 11. + +Here's a few resources if you aren't sure what to do: +- {{"KDE For Windows 10 Exiles"|link:"https://kde.org/for/w10-exiles/"}} +- {{"Distrochooser"|link:"https://distrochooser.de/"}} +- {{"iFixit guide on installing Linux on Windows PCs"|link:"https://www.ifixit.com/Guide/How+to+Install+Linux+on+a+Windows+PC/196722"}} + +I'm not paid or anything to mention these, I just think **we shouldn't have to put up with capitalist bullshit to continue using a device.**
I've been using Linux exclusively for the past 3 months and the switch to it has been pretty fun! @@ -38,17 +48,19 @@ So... the hardest part about moving is, well, how would I move to Linux? There's ### Decisions -I went to set up a virtual machine to understand what I'd want out of a "new" operating system, so I tried out ![](https://www.google.com/s2/favicons?domain=https://fedoraproject.org)[Fedora Workstation](https://fedoraproject.org/#editions) at first and it felt pretty seamless, I didn't have to use the terminal for much of anything. +I went to set up a virtual machine to understand what I'd want out of a "new" operating system, so I tried out {{"Fedora Workstation"|link:"https://fedoraproject.org/#editions"}} at first and it felt pretty seamless, I didn't have to use the terminal for much of anything. I tinkered with it for a couple of days before deciding to look up system/media installers for Linux distributions (that are able to be run on Windows) and coming up empty-handed, cluelessly thinking that somehow only Windows manages to offer one. -...Until I found ![](https://www.google.com/s2/favicons?domain=https://debian.org)[Debian's System Installer for Windows (win32loader)](https://wiki.debian.org/DebianInstaller/Loader), which I tried running under a Windows 11 virtual machine to see if it would fail to install, and it didn't! +...Until I found {{"Debian's System Installer for Windows (win32-loader)"|link:"https://en.wikipedia.org/wiki/Debian-Installer"}}, which I tried running under a Windows 11 virtual machine to see if it would fail to install, and it didn't! So I just went ahead and installed it over my actual Windows partition (backing up my documents prior). -
\ No newline at end of file +
diff --git a/eleventy.config.js b/eleventy.config.js index c23e0c3..fbddf8a 100644 --- a/eleventy.config.js +++ b/eleventy.config.js @@ -3,35 +3,30 @@ import markdownItAnchor from "markdown-it-anchor"; import { format } from "date-fns"; export default async function (eleventyConfig) { - const markdownItOptions = { html: true }; - const markdownItAnchorOptions = { permalink: true, permalinkBefore: true, permalinkSymbol: '#' }; - const markdownLib = markdownIt(markdownItOptions).use( markdownItAnchor, markdownItAnchorOptions ); - eleventyConfig.setLibrary("md", markdownLib); - const assets = "./_src/assets/"; eleventyConfig.addPassthroughCopy(assets); eleventyConfig.addWatchTarget(assets); - eleventyConfig.addFilter("sortByFirstDate", items => items.sort((a, b) => new Date(b.data.images[0].date) - new Date(a.data.images[0].date))); - + eleventyConfig.addFilter("link", function(text, url) { + return `${text}`; + }); eleventyConfig.addFilter("ISO", (dateObj) => { return format(dateObj, ("yyyy-LL-dd")); }); eleventyConfig.addFilter("readable", (dateObj) => { return format(dateObj, ("LLLL do, yyyy")); }); - eleventyConfig.setBrowserSyncConfig({ open: true, });