- {% 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 [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 [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 [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 [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 [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.
-[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 [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 [kiophen](https://mileshouse.neocities.org) and [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/
---
-[Mallow!](https://caverncrusher.com/Mallow) I love this goober. It's from a ROBLOX game titled [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:
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 [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:**
-[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 [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 [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
+