diff --git a/_src/_data/88x31-mine.json b/_src/_data/88x31-mine.json index 9fba227..0de00a9 100644 --- a/_src/_data/88x31-mine.json +++ b/_src/_data/88x31-mine.json @@ -1,27 +1,19 @@ { "items": [ { - "alt": "Sunny's website", "button": "/assets/img/button/sunbun_d.gif", - "name": "sunbun", "src": "/" }, { - "alt": "Sunny's website", "button": "/assets/img/button/sunbun_c.gif", - "name": "sunbun", "src": "/" }, { - "alt": "Sunny's website", "button": "/assets/img/button/sunbun_b.gif", - "name": "sunbun", "src": "/" }, { - "alt": "Sunny's website", "button": "/assets/img/button/sunbun_a.gif", - "name": "sunbun", "src": "/" } ] diff --git a/_src/_includes/base.njk b/_src/_includes/base.njk index fe032ba..61c83cc 100644 --- a/_src/_includes/base.njk +++ b/_src/_includes/base.njk @@ -8,10 +8,10 @@ theme: "M16 6a1 1 0 010 20Zm0-4a1 1 0 000 28A1 1 0 0016 2" - {{site.name}} - {%if title%} - - {{page.fileSlug|capitalize}} - {%endif%} + {{ site.name }} + {% if title %} + - {{ page.fileSlug|capitalize }} + {% endif %} @@ -19,73 +19,84 @@ theme: "M16 6a1 1 0 010 20Zm0-4a1 1 0 000 28A1 1 0 0016 2" - {%if page.url === "/home/"%} - - {%endif%} - {%set availableStyles = ['home', 'blog', 'gallery']%} - {%if page.url%} - {%if availableStyles.indexOf(page.url|firstSegment) !== -1%} - - {%endif%} - {%endif%} + {% if page.url === "/home/" %} + + {% endif %} + {% set availableStyles = ['home', 'blog', 'gallery'] %} + {% if page.url %} + {% if availableStyles.indexOf(page.url|firstSegment) !== -1 %} + + {% endif %} + {% endif %} - + +
+

+ {% for page in sortedPages %} + {% if currentUrl|firstSegment === page.url|firstSegment %} + + {% endif %} + {% endfor %} + {{ page.url|firstSegment|slugify|capitalize }}

+
- {{content | safe}} + {{ content | safe }}
diff --git a/_src/_includes/blog.njk b/_src/_includes/blog.njk index 5d61846..0cac05b 100644 --- a/_src/_includes/blog.njk +++ b/_src/_includes/blog.njk @@ -5,6 +5,6 @@ layout: base
{{content|safe}}
- {{blurb|safe}} + {{blurb|safe}} Profile picture
\ No newline at end of file diff --git a/_src/_includes/gallery.njk b/_src/_includes/gallery.njk index 3b3557e..5d28616 100644 --- a/_src/_includes/gallery.njk +++ b/_src/_includes/gallery.njk @@ -3,13 +3,13 @@ layout: base ---
-

{{page.fileSlug}}{%for flag in flags%}{%endfor%}

+

{{page.fileSlug}}{%for flag in flags%}{%endfor%}

{{content|safe}}
{%for image in images%}
- {{image.alt}} +
{{image.alt}}
diff --git a/_src/assets/css/default/blog.css b/_src/assets/css/default/blog.css index 127d109..e51e7e4 100644 --- a/_src/assets/css/default/blog.css +++ b/_src/assets/css/default/blog.css @@ -1,7 +1,9 @@ :root { --avatar: 3rem; } - +#blog:not(:has(#posts)) header { + text-align: center; +} article { margin: 0 auto; font-family: "Rubik", sans-serif; @@ -15,7 +17,12 @@ article { border-radius: var(--round); width: 66%; } + h1,h2,h3,h4,h5,h6 { + margin-bottom: var(--pad-m); + } & [aria-label="Post warning"] { + display: flex; + flex-direction: column; font-size: 1.4rem; font-weight: bold; text-align: center; diff --git a/_src/assets/css/default/default.css b/_src/assets/css/default/default.css index f3654b8..ef2878b 100644 --- a/_src/assets/css/default/default.css +++ b/_src/assets/css/default/default.css @@ -13,7 +13,7 @@ h4, h5, h6 { display: block; - font-size: 2em; + font-size: 2rem; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; @@ -36,6 +36,22 @@ body { } } } +svg { + fill: currentColor; + stroke: currentColor; + stroke-width: 0; +} +header { + padding-top: var(--pad-xl); + padding-left: calc(var(--view) + var(--pad-xl)); + & svg { + width: 2rem; + height: 2rem; + } + & h1 { + display: inline-flex; + } +} main { padding: var(--pad-xl); @@ -170,7 +186,7 @@ article { } :is(main article, main section):not(:last-child) { - margin-bottom: var(--pad-xl); + margin-bottom: var(--pad-m); } img[src*="/assets/img/flag/"] { @@ -187,6 +203,12 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img { } @media screen and (max-width: 920px) { + header { + padding-left: 0; + padding-top: var(--pad-m); + text-align: center; + } + main { padding: var(--pad-l); } @@ -209,7 +231,8 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img { width: auto; } - body>nav::before, body>nav::after { + body>nav::before, + body>nav::after { content: none; } diff --git a/_src/assets/css/default/gallery.css b/_src/assets/css/default/gallery.css index 54ce9ef..188c158 100644 --- a/_src/assets/css/default/gallery.css +++ b/_src/assets/css/default/gallery.css @@ -25,14 +25,6 @@ } } - & h2 { - margin: var(--pad-xl) 0; - font-size: var(--pad-xl); - - &:first-of-type { - margin-top: 0; - } - } & figure { margin: 0; padding: var(--pad-sm); diff --git a/_src/assets/css/default/index.css b/_src/assets/css/default/index.css index bd87982..188f820 100644 --- a/_src/assets/css/default/index.css +++ b/_src/assets/css/default/index.css @@ -1,33 +1,46 @@ @import url("./variables.css"); #index { + margin: 0; + padding: 0; color: var(--primary-dark-300); background-color: rgb(255, 190, 0); width: 100%; - margin: 0; - padding: 0; - & main { - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - width: inherit; - flex-direction: column; - background-image: var(--sunny); - background-repeat: no-repeat; - background-position: center; - background-size: contain; - & a { - position: absolute; - top: 2rem; - background-color: unset; - } - } + height: 100%; + display: flex; + flex-direction: column; + background-image: var(--sunny); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + & footer { - position: absolute; - bottom: var(--pad-l); - & p { - text-align: center; + bottom: 0; + } + + & header { + top: 0; + display: flex; + flex-direction: column; + justify-self: center; + & a, img { + z-index: 1; + display: inherit; + flex-direction: inherit; + } + & span { + position: absolute; + width: 0; + height: 0; + overflow: hidden; } } -} + + & footer, + header { + position: absolute; + left: 0; + right: 0; + text-align: center; + } +} \ No newline at end of file diff --git a/_src/assets/css/default/nav.css b/_src/assets/css/default/nav.css index b4ae854..cf4dfd2 100644 --- a/_src/assets/css/default/nav.css +++ b/_src/assets/css/default/nav.css @@ -78,12 +78,6 @@ body>nav { } } - & svg { - fill: currentColor; - stroke: currentColor; - stroke-width: 0; - } - & details { font-size: 1.4rem; } diff --git a/_src/assets/css/default/theme-dark.css b/_src/assets/css/default/theme-dark.css index ac9b133..9cab33c 100644 --- a/_src/assets/css/default/theme-dark.css +++ b/_src/assets/css/default/theme-dark.css @@ -1,7 +1,8 @@ @media (prefers-color-scheme: dark) { article, - body { + body, + header svg { color: var(--secondary-light-300); } diff --git a/_src/assets/css/default/theme-light.css b/_src/assets/css/default/theme-light.css index eb06a52..9872528 100644 --- a/_src/assets/css/default/theme-light.css +++ b/_src/assets/css/default/theme-light.css @@ -1,7 +1,8 @@ @media (prefers-color-scheme: light) { article, - body { + body, + header svg { color: var(--primary-dark-300); } diff --git a/_src/assets/img/button/braixdragon-cat2.gif b/_src/assets/img/button/braixdragon-cat2.gif index 0038692..ec3fac1 100644 Binary files a/_src/assets/img/button/braixdragon-cat2.gif and b/_src/assets/img/button/braixdragon-cat2.gif differ diff --git a/_src/assets/js/cat.js b/_src/assets/js/cat.js index 8acd7f3..9389479 100644 --- a/_src/assets/js/cat.js +++ b/_src/assets/js/cat.js @@ -1,24 +1,40 @@ -import { audioPath } from './path.js' +import { audioPath } from "./path.js"; + let pipe = document.getElementById("meow"); let preload = new Image(); preload.src = "/assets/img/button/braixdragon-cat2.gif"; -pipe.addEventListener("mouseover", func, true); +let hoverTimeout; +let hovered = false; +let played = localStorage.getItem("audioPlayed") === "true"; +let audio = new Audio(`${audioPath}anvil_land_low.ogg`); -function func() { - pipe.src = preload.src; -} - -let audio = document.createElement("audio"); -audio.src = `${audioPath}anvil_land_low.ogg`; -pipe.appendChild(audio); +window.addEventListener("beforeunload", () => { + localStorage.removeItem("catflattened"); +}); pipe.addEventListener( - "mouseover", - function () { - setTimeout(() => { - audio.play(); - }, 1700); - }, - { once: true } -); \ No newline at end of file + "mouseover", + () => { + if (played) return; + hovered = true; + hoverTimeout = setTimeout(() => { + if (hovered && !played) { + pipe.src = preload.src; + setTimeout(() => { + if (!played) { + audio.play(); + played = true; + localStorage.setItem("catflattened", "true"); + } + }, 600); + } + }, 650); + }, + true +); + +pipe.addEventListener("mouseout", () => { + hovered = false; + clearTimeout(hoverTimeout); +}); diff --git a/_src/data/art/artwork/PETSCII sunny.md b/_src/data/art/artwork/PETSCII sunny.md index 7f8a6be..4ebcea4 100644 --- a/_src/data/art/artwork/PETSCII sunny.md +++ b/_src/data/art/artwork/PETSCII sunny.md @@ -14,6 +14,6 @@ A hybrid pixel and PETSCII portrait of sunny. I'm quite fond of both versions! One looks more glossy and true to his model, and the other's got a cute pouty look to his face. -`Color palette used:` {%ai"https://lospec.com/palette-list/calm-48"%}Calm 48\*{%endai%} +`Color palette used:` ![](https://www.google.com/s2/favicons?domain=https://lospec.com)[Calm 48](https://lospec.com/palette-list/calm-48)* `*The lime green nose is a modification and not part of the base palette.` diff --git a/_src/data/art/artwork/city.md b/_src/data/art/artwork/city.md index 823f687..aaff02d 100644 --- a/_src/data/art/artwork/city.md +++ b/_src/data/art/artwork/city.md @@ -8,7 +8,7 @@ images: date: 2022-05-22 --- -Done in {%ai"https://getpaint.net/"%}paint.net{%endai%} with a mouse when I was feeling under the weather. +Done in ![](https://www.google.com/s2/favicons?domain=https://getpaint.net)[paint.net](https://getpaint.net) with a mouse when I was feeling under the weather. I used to be extremely proud of this, but since then I've noticed a lot that I could've done better. -When I was switching over to {%ai"https://gimp.org"%}GIMP{%endai%}, I re-imported the layers (with equivalent layer modes) from the paint.net project file out of curiosity, which resulted in higher contrast and more vivid colors. +When I was switching over to ![](https://www.google.com/s2/favicons?domain=https://gimp.org)[GIMP](https://gimp.org), I re-imported the layers (with equivalent layer modes) from the paint.net project file out of curiosity, which resulted in higher contrast and more vivid colors. diff --git a/_src/data/art/artwork/glistening.md b/_src/data/art/artwork/glistening.md index 3353869..e6707a6 100644 --- a/_src/data/art/artwork/glistening.md +++ b/_src/data/art/artwork/glistening.md @@ -7,9 +7,9 @@ images: Incredibly proud of this! -I used {%ai"https://tombofnull.itch.io/stipple-beast-brush-pack"%}TOMBOFNULL's stipple beast brush pack{%endai%}, which I'd been meaning to try out before. +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. -Inspired by one of {%ai"https://kaitty.com/"%}kaitty{%endai%}'s avatars (specifically from their bandcamp), which I thought was really cute. +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. 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 3110fc7..262b113 100644 --- a/_src/data/art/artwork/lick icon.md +++ b/_src/data/art/artwork/lick icon.md @@ -6,6 +6,6 @@ images: pixel: true --- -I got bored one day and I decided on a whim to make my own lick icon from {%ai"https://www.deviantart.com/sketchmichi/art/Lick-icon-base-201253097"%}Michi's lick icon base{%endai%}. +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). Pretty happy with it! \ No newline at end of file diff --git a/_src/data/art/artwork/pride.md b/_src/data/art/artwork/pride.md index 5c42a03..db8b472 100644 --- a/_src/data/art/artwork/pride.md +++ b/_src/data/art/artwork/pride.md @@ -12,6 +12,6 @@ flags: --- -First done in {%ai"https://www.clipstudio.net/en/"%}Clip Studio Paint{%endai%}, but I eventually settled on {%ai"https://krita.org/en/"%}Krita{%endai%} and re-drew him there. +First done in ![](https://www.google.com/s2/favicons?domain=https://clipstudio.net)[Clip Studio Paint](https://clipstudio.net/en/), but I eventually settled on ![](https://www.google.com/s2/favicons?domain=https://krita.org)[Krita](https://krita.org/en/) and re-drew him there. The scope of this was originally much large. It would've been a huge undertaking to re-do the background for it, which is why I re-purposed it for pride month. diff --git a/_src/data/art/artwork/starchild.md b/_src/data/art/artwork/starchild.md index 2090ac3..031374a 100644 --- a/_src/data/art/artwork/starchild.md +++ b/_src/data/art/artwork/starchild.md @@ -5,6 +5,6 @@ images: date: 2023-07-12 --- -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 {%ai "https://docs.krita.org/en/reference_manual/filters/artistic.html"%}Halftone{%endai%} filter. +I was incredibly surprised to discover that I could create the space background in-program with ![](https://www.google.com/s2/favicons?domain=https://krita.org)[Krita](https://krita.org), just by using different built-in presets from the [Halftone filter](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 d870daf..039ee6a 100644 --- a/_src/data/art/artwork/sunny doodle.md +++ b/_src/data/art/artwork/sunny doodle.md @@ -10,4 +10,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 {%ai"https://youtube.com/@fosstracks/videos"%}Cave Story's soundtracks{%endai%}, 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 ![](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. diff --git a/_src/data/art/artwork/sunny's model.md b/_src/data/art/artwork/sunny's model.md index 670e26c..bc2f323 100644 --- a/_src/data/art/artwork/sunny's model.md +++ b/_src/data/art/artwork/sunny's model.md @@ -5,6 +5,6 @@ images: date: 2023-03-26 --- -For this, I took reference from the work of {%ai"https://twitter.com/presswer"%}Dr. Presto (18+ warning){%endai%}, specifically with how they used to create model sheets of their characters, during 2020. +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. 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/artwork/vector bun.md b/_src/data/art/artwork/vector bun.md index 5740763..badae86 100644 --- a/_src/data/art/artwork/vector bun.md +++ b/_src/data/art/artwork/vector bun.md @@ -11,11 +11,11 @@ flags: alt: Transgender pride flag --- -Made using {%ai"https://lvllvl.com/"%}lvllvl{%endai%}'s vector mode, with the "modular shapes" vector set. +Made using ![](https://www.google.com/s2/favicons?domain=https://lvllvl.com)[lvllvl](https://lvllvl.com/)'s vector mode, with the "modular shapes" vector set. A character that I first made in ROBLOX. They're unnamed, because I haven't done much with them outside of this artwork. Although, I was surprised how cute I could make an avatar that's not restricted to the default square body that I've been accustomed to for a decade. -`Color palette used:` {%ai"https://lospec.com/palette-list/cs112-v2"%}CS112-V2{%endai%} \ No newline at end of file +`Color palette used:` ![](https://www.google.com/s2/favicons?domain=https://lospec.com)[CS112-V2](https://lospec.com/palette-list/cs112-v2) \ No newline at end of file diff --git a/_src/data/art/fanart/PETSCII kass.md b/_src/data/art/fanart/PETSCII kass.md index e9fa3e0..051b8f5 100644 --- a/_src/data/art/fanart/PETSCII kass.md +++ b/_src/data/art/fanart/PETSCII kass.md @@ -11,4 +11,4 @@ attachments: A PETSCII rendition of a screenshot that I took in The Legend of Zelda: Breath of the Wild. -`Color palette used:` {%ai"https://lospec.com/palette-list/new-worlds-46"%}New Worlds 46{%endai%} \ No newline at end of file +`Color palette used:` ![](https://www.google.com/s2/favicons?domain=https://lospec.com)[New Worlds 46](https://lospec.com/palette-list/new-worlds-46) \ No newline at end of file diff --git a/_src/data/art/fanart/PETSCII lurantis.md b/_src/data/art/fanart/PETSCII lurantis.md index 787ff83..3bba8d7 100644 --- a/_src/data/art/fanart/PETSCII lurantis.md +++ b/_src/data/art/fanart/PETSCII lurantis.md @@ -6,8 +6,8 @@ images: pixel: true --- -This isn't so much PETSCII as it is pixel art, but it's my first artwork that I've done using {%ai"https://lvllvl.com/"%}lvllvl{%endai%}, which is to say that this is done using a bitmap character set, despite it looking like pixel art. +This isn't so much PETSCII as it is pixel art, but it's my first artwork that I've done using ![](https://www.google.com/s2/favicons?domain=https://lvllvl.com)[lvllvl](https://lvllvl.com/), which is to say that this is done using a bitmap character set, despite it looking like pixel art. -{%ai"https://archives.bulbagarden.net/wiki/Category:Lurantis"%}Lurantis don't have a mouth{%endai%}, but I thought I'd give them one anyway, because they look cute with. +![](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. -`Color palette used:` {%ai"https://lospec.com/palette-list/pastel-horizon"%}Pastel Horizon{%endai%} \ No newline at end of file +`Color palette used:` ![](https://www.google.com/s2/favicons?domain=https://lospec.com)[Pastel Horizon](https://lospec.com/palette-list/pastel-horizon) \ 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 928ce17..334a060 100644 --- a/_src/data/art/fanart/PETSCII sue.md +++ b/_src/data/art/fanart/PETSCII sue.md @@ -5,8 +5,8 @@ images: date: 2023-01-16 --- -Cave Story!!! The first PETSCII artwork that I've done before knowing the existence of {%ai"https://lvllvl.com/"%}lvllvl{%endai%}, using a much less user-friendly tool. +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. -Inspired by {%ai"https://mileshouse.neocities.org"%}kiophen{%endai%} and {%ai"https://creature0354.neocities.org"%}lati{%endai%}'s first PETSCII works! +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! `Color palette used:` Commodore 64 diff --git a/_src/data/art/fanart/mallow.md b/_src/data/art/fanart/mallow.md index a49f6e4..acbf0c0 100644 --- a/_src/data/art/fanart/mallow.md +++ b/_src/data/art/fanart/mallow.md @@ -4,7 +4,7 @@ images: alt: Mallow from Cavern Crusher, sitting on the ledge of a mossy stone pit with water at the bottom. date: 2025-08-03 --- -{%ai"https://caverncrusher.com/Mallow"%}Mallow!{%endai%} I love this goober. It's from a ROBLOX game titled {%ai"https://www.roblox.com/games/15121756860/CAVERN-CRUSHER"%}Cavern Crusher{%endai%} that's in development (as of writing). +![](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). It has a lot of really cute character designs and I just had to draw one of them. diff --git a/_src/data/articles/bio.md b/_src/data/articles/bio.md index 0dbe7b3..1bb635e 100644 --- a/_src/data/articles/bio.md +++ b/_src/data/articles/bio.md @@ -1,4 +1,4 @@ -# Bio +## Bio Hi! My name's Sunny. I'm: * an artist diff --git a/_src/data/articles/fanart.md b/_src/data/articles/fanart.md index f782ce8..2ad993e 100644 --- a/_src/data/articles/fanart.md +++ b/_src/data/articles/fanart.md @@ -1,3 +1,3 @@ -# Fan art +## Fan art Various artworks featuring characters from other media \ No newline at end of file diff --git a/_src/data/articles/interests.md b/_src/data/articles/interests.md index e5686bf..4e1b4f5 100644 --- a/_src/data/articles/interests.md +++ b/_src/data/articles/interests.md @@ -1,4 +1,4 @@ -# Interests +## Interests Below are lists of media that I've enjoyed and/or still enjoy. diff --git a/_src/data/articles/ocs.md b/_src/data/articles/ocs.md index 0a49497..0cacdd8 100644 --- a/_src/data/articles/ocs.md +++ b/_src/data/articles/ocs.md @@ -1,3 +1,3 @@ -# Original characters +## Original characters My own characters that I've drawn \ No newline at end of file diff --git a/_src/data/blog/Break time.md b/_src/data/blog/Break time.md index de30aa8..ae69a46 100644 --- a/_src/data/blog/Break time.md +++ b/_src/data/blog/Break time.md @@ -9,11 +9,11 @@ avatar: /assets/img/art/sundae_glistening.png -

WARNING: BORING NERD TOPIC AHOY

+
WARNING: BORING NERD TOPIC AHOY
I had mentioned on my Neocities profile that I would look into re-writing my website fairly soon right after pushing an update out. Took a bit longer than I would've liked honestly, but it's here! -Actually, it had been mostly finished for a while (since July 1), but I hit a couple of roadblocks (mainly date conversion) that demoralized me from working more on it at the time, as well as some lifestyle changes, like spending less time on the PC and exercising often. +Actually, it had been mostly finished for a while (since July 1st), but I hit a couple of roadblocks (mainly date conversion) that demoralized me from working more on it at the time, as well as some lifestyle changes, like spending less time on the PC and exercising often. **The most notable things about my site re-write off the top of my head are:** * converting page elements into `.json` data tables @@ -22,18 +22,18 @@ Actually, it had been mostly finished for a while (since July 1), but I hit a co ### 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 {% ai "https://11ty.dev/"%}Eleventy{% endai %} 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](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 {% ai "https://github.com/5t3ph/smol-11ty-starter"%}Smol 11ty Starter by 5t3ph{% endai %} 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](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 {% ai "https://mozilla.github.io/nunjucks/"%}Nunjucks{% endai %} (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](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. ### 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 {% ai "https://github.com/moment/luxon" %}Luxon{% endai %}, 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](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 b776710..af0c321 100644 --- a/_src/data/blog/Rewrite 2.0.md +++ b/_src/data/blog/Rewrite 2.0.md @@ -1,7 +1,7 @@ --- 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:

i hate luxon

+blurb:

i hate luxon

Collage of various cartoon characters from different media wielding a pistol pointed at Luxon, collectively saying 'Sorry Luxon but your documentation sucks, so die' to which Luxon replies with 'I understand'

avatar: /assets/img/art/sundae_lick.gif --- ## {{page.fileSlug}} @@ -13,11 +13,11 @@ I haven't worked on much of anything the past 8+ months, and out of the blue, I It's now [open source](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 {%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 [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). -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 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 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. +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. Here's a snippet of my time filters in my `eleventy.config.js`: @@ -42,8 +42,8 @@ I've changed them to be more minimal, mimicking Windows desktop entries with the 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). -
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.
+
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.
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. diff --git a/_src/data/blog/System switching.md b/_src/data/blog/System switching.md index 6371827..f7153f8 100644 --- a/_src/data/blog/System switching.md +++ b/_src/data/blog/System switching.md @@ -2,7 +2,7 @@ description: Working with Linux date: 2024-06-22 modified: 2025-09-09 -blurb:

whatever i'm using might not necessarily work for you

+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}} @@ -10,9 +10,9 @@ avatar: /assets/img/art/sundae_glistening.png
-With Microsoft announcing that {%ai"https://support.microsoft.com/en-us/windows/windows-10-support-ends-on-october-14-2025-2ca8b313-1946-43d3-b55c-2b95b107f281"%}Windows 10 will stop being supported after October 14, 2025{%endai%}, 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. +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. -Here's {%ai"https://kde.org/for/w10-exiles/"%}a handy resource{%endai%} if you aren't sure how to proceed. +![](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. 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.**
@@ -37,17 +37,17 @@ 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 {%ai"https://fedoraproject.org/#editions"%}Fedora Workstation{%endai%} 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 ![](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 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 {%ai"https://wiki.debian.org/DebianInstaller/Loader"%}Debian's System Installer for Windows (win32loader){%endai%}, 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 ![](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! So I just went ahead and installed it over my actual Windows partition (backing up my documents prior). -