diff --git a/_src/_data/88x31-critters.json b/_src/_data/88x31-critters.json
index 23c5ed5..efc9b57 100644
--- a/_src/_data/88x31-critters.json
+++ b/_src/_data/88x31-critters.json
@@ -4,91 +4,91 @@
"alt": "Betty bee's website",
"button": "/assets/img/button/mn8831.png",
"name": "the mice nest",
- "url": "https://micenest.xyz/"
+ "src": "https://micenest.xyz/"
},
{
"alt": "Lati's website",
"button": "/assets/img/button/creature0354.gif",
"name": "lati!!!",
- "url": "https://creature0354.neocities.org/"
+ "src": "https://creature0354.neocities.org/"
},
{
"alt": "Kiophen's website",
"button": "/assets/img/button/kiophen.gif",
"name": "kiophen",
- "url": "https://mileshouse.neocities.org/"
+ "src": "https://mileshouse.neocities.org/"
},
{
"alt": "Tequt's website",
"button": "/assets/img/button/tequt.gif",
"name": "tequt",
- "url": "https://tequt.click/"
+ "src": "https://tequt.click/"
},
{
"alt": "Marty's website",
"button": "/assets/img/button/marty.jpg",
"name": "marty's house",
- "url": "https://martyshouse.neocities.org/"
+ "src": "https://martyshouse.neocities.org/"
},
{
"alt": "Drakonic's website",
"button": "/assets/img/button/drakonic.gif",
"name": "DRAKONIC.ZONE",
- "url": "https://drakonic.zone/"
+ "src": "https://drakonic.zone/"
},
{
"alt": "Swifty's website",
"button": "/assets/img/button/swiftyshq.gif",
"name": "Swifty's HQ!",
- "url": "https://swiftyshq.neocities.org/"
+ "src": "https://swiftyshq.neocities.org/"
},
{
"alt": "Em Essex's website",
"button": "/assets/img/button/msx.gif",
"name": "MSX.HORSE",
- "url": "https://heckscaper.com/"
+ "src": "https://heckscaper.com/"
},
{
"alt": "cabl's website",
"button": "/assets/img/button/cabl.gif",
"name": "cabl",
- "url": "https://cabl.rodeo/"
+ "src": "https://cabl.rodeo/"
},
{
"alt": "pinkderg's website",
"button": "/assets/img/button/pinkderg.gif",
"name": "pinkderg.art",
- "url": "https://pinkderg.art/"
+ "src": "https://pinkderg.art/"
},
{
"alt": "suspiciouslyBee's website",
"button": "/assets/img/button/suspiciouslybee.png",
"name": "bee on the internet",
- "url": "https://bee.movie/"
+ "src": "https://bee.movie/"
},
{
"alt": "Rowan's website",
"button": "/assets/img/button/rowan.gif",
"name": "owo",
- "url": "https://rowans.blog"
+ "src": "https://rowans.blog"
},
{
"alt": "Snewberry's website",
"button": "/assets/img/button/snewberry.gif",
"name": "Snewberry",
- "url": "https://snewberry.neocities.org/"
+ "src": "https://snewberry.neocities.org/"
},
{
"alt": "Virtually Isolated's website",
"button": "/assets/img/button/virtuallyisolated.png",
"name": "virtually isolated",
- "url": "https://virtually-isolated.neocities.org/"
+ "src": "https://virtually-isolated.neocities.org/"
},
{
"alt": "Beeps' website",
"button": "/assets/img/button/beeps.gif",
"name": "beeps",
- "url": "https://beeps.website/"
+ "src": "https://beeps.website/"
},
{
"alt": "Pebble's website",
@@ -101,21 +101,21 @@
"button": "/assets/img/button/fox-nose.gif",
"id": "fox",
"name": "fox",
- "url": "https://soundcloud.com/yeenimal/calling-you-nightcorefuchscore-edit"
+ "src": "https://soundcloud.com/yeenimal/calling-you-nightcorefuchscore-edit"
},
{
"alt": "BraixDragon's linktree",
"button": "/assets/img/button/braixdragon-cat1.gif",
"id": "meow",
"name": ":3",
- "url": "https://linktr.ee/BraixDragon"
+ "src": "https://linktr.ee/BraixDragon"
},
{
"alt": "Crouton",
"button": "/assets/img/button/crouton.png",
"name": "Crouton",
- "url": "https://crouton.net"
+ "src": "https://crouton.net"
}
]
}
\ No newline at end of file
diff --git a/_src/_data/games.json b/_src/_data/games.json
index 1744790..6ea3590 100644
--- a/_src/_data/games.json
+++ b/_src/_data/games.json
@@ -1,114 +1,113 @@
{
"items": [
{
- "cover": "/assets/img/media/games/icons/ac_nl.png",
+ "cover": "/assets/img/media/games/ac_nl.png",
"title": "Animal Crossing: New Leaf",
"src": "https://tane.us/ac/nl.html"
},
{
- "cover": "/assets/img/media/games/icons/b_p.png",
+ "cover": "/assets/img/media/games/b_p.png",
"title": "Burnout Paradise",
"src": "https://youtube.com/watch?v=p3TYriU2-jo"
},
{
- "cover": "/assets/img/media/games/icons/cs.png",
+ "cover": "/assets/img/media/games/cs.png",
"title": "Cave Story+",
"src": "https://cavestory.org/game-info/game-releases.php",
"text": "i like it a lot"
},
{
- "cover": "/assets/img/media/games/icons/gta_sa.png",
+ "cover": "/assets/img/media/games/gta_sa.png",
"title": "Grand Theft Auto: San Andreas",
"src": "https://youtube.com/watch?v=fNCtWaGMW4w"
},
{
- "cover": "/assets/img/media/games/icons/gta_vc.png",
+ "cover": "/assets/img/media/games/gta_vc.png",
"title": "Grand Theft Auto: Vice City",
"src": "https://youtube.com/watch?v=XXHhh4JIby0"
},
{
- "cover": "/assets/img/media/games/icons/halo_mcc.png",
+ "cover": "/assets/img/media/games/halo_mcc.png",
"title": "Halo: The Master Chief Collection",
- "src": "https://youtube.com/watch?v=XXHhh4JIby0"
+ "src": "https://www.youtube.com/watch?v=ePLDO68lcA4"
},
{
- "cover": "/assets/img/media/games/icons/jc2.png",
+ "cover": "/assets/img/media/games/jc2.png",
"title": "Just Cause 2",
"src": "https://youtube.com/watch?v=PIVW0vPa4_o"
},
{
- "cover": "/assets/img/media/games/icons/klonoa_dtp.png",
+ "cover": "/assets/img/media/games/klonoa_dtp.png",
"title": "Klonoa: Door to Phantomile",
"src": "https://youtube.com/watch?v=mGI-tc0Hbl0"
},
{
- "cover": "/assets/img/media/games/icons/klonoa_lv.png",
+ "cover": "/assets/img/media/games/klonoa_lv.png",
"title": "Klonoa 2: Lunatea's Veil",
"src": "https://youtube.com/watch?v=3Tknfc8In3Y"
},
{
- "cover": "/assets/img/media/games/icons/lbp.png",
+ "cover": "/assets/img/media/games/lbp.png",
"title": "LittleBigPlanet",
"src": "https://youtube.com/watch?v=LattfGKNr-E"
},
{
- "cover": "/assets/img/media/games/icons/me.png",
+ "cover": "/assets/img/media/games/me.png",
"title": "Mirror's Edge",
"src": "https://youtube.com/watch?v=RfUwQsCzkgs"
},
{
- "cover": "/assets/img/media/games/icons/nfs_c.png",
+ "cover": "/assets/img/media/games/nfs_c.png",
"title": "Need For Speed: Carbon",
"src": "https://youtube.com/watch?v=IOKWeLCirhI"
},
{
- "cover": "/assets/img/media/games/icons/nfs_mw.png",
+ "cover": "/assets/img/media/games/nfs_mw.png",
"title": "Need For Speed: Most Wanted",
"src": "https://youtube.com/watch?v=CcHHZKKS2MI"
},
{
- "cover": "/assets/img/media/games/icons/nt.png",
+ "cover": "/assets/img/media/games/nt.png",
"title": "Nuclear Throne",
"src": "https://www.youtube.com/watch?v=KbpbzbE3sjg"
},
{
- "cover": "/assets/img/media/games/icons/ori.png",
+ "cover": "/assets/img/media/games/ori.png",
"title": "Ori and the Blind Forest",
"src": "https://www.fangamer.com/products/ori-plush"
},
{
- "cover": "/assets/img/media/games/icons/pkmn_ss.png",
+ "cover": "/assets/img/media/games/pkmn_ss.png",
"title": "Pokémon SoulSilver",
"src": "https://youtube.com/watch?v=4ujh7lvcsRs"
},
{
- "cover": "/assets/img/media/games/icons/rv.png",
+ "cover": "/assets/img/media/games/rv.png",
"title": "Re-Volt",
"src": "https://rvgl.org/"
},
{
- "cover": "/assets/img/media/games/icons/smt_iv.png",
+ "cover": "/assets/img/media/games/smt_iv.png",
"title": "Shin Megami Tensei IV",
"src": "https://youtube.com/watch?v=ZscuJCOoIPc"
},
{
- "cover": "/assets/img/media/games/icons/sm.png",
+ "cover": "/assets/img/media/games/sm.png",
"title": "StepMania",
- "src": "https://youtube.com/watch?v=crEz8i6oVpI"
+ "src": "https://www.youtube.com/watch?v=3UwnBdRYeSM"
},
{
- "cover": "/assets/img/media/games/icons/botw.png",
+ "cover": "/assets/img/media/games/botw.png",
"title": "The Legend of Zelda: Breath of the Wild",
"src": "https://youtube.com/watch?v=Vgev9Gzybk8"
},
{
- "cover": "/assets/img/media/games/icons/katamari_wl.png",
+ "cover": "/assets/img/media/games/katamari_wl.png",
"title": "We Love Katamari",
- "src": "https://youtube.com/watch?v=l6CkDxYzGME",
- "text": "hi"
+ "src": "https://youtube.com/watch?v=l6CkDxYzGME"
},
{
- "cover": "/assets/img/media/games/icons/2kki.png",
+ "cover": "/assets/img/media/games/2kki.png",
"title": "Yume 2kki",
"src": "https://ynoproject.net/2kki/"
}
diff --git a/_src/assets/css/gallery.css b/_src/assets/css/gallery.css
index 07a7587..c18a1ce 100644
--- a/_src/assets/css/gallery.css
+++ b/_src/assets/css/gallery.css
@@ -75,13 +75,12 @@
& a {
display: block;
text-decoration: unset;
-
& figure {
margin: 0;
padding: 0.4rem;
border-width: 2px;
border-style: solid;
- border-radius: 0.4rem;
+ border-radius: var(--round);
& img {
display: flex;
@@ -101,6 +100,9 @@
}
#gallery article {
+ & h3 {
+ margin-bottom: 1rem;
+ }
& figure {
& time {
display: flex;
@@ -109,6 +111,7 @@
& a {
width: fit-content;
+ align-self: center;
& img {
min-height: fit-content;
max-height: 18rem;
@@ -120,14 +123,4 @@
}
}
}
-
- & > section {
- margin-top: 1rem;
-
- &:has(figure:nth-child(n + 2)) {
- display: grid;
- gap: 1rem;
- grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
- }
- }
}
diff --git a/_src/assets/css/home.css b/_src/assets/css/home.css
index a2f5c44..7505dfe 100644
--- a/_src/assets/css/home.css
+++ b/_src/assets/css/home.css
@@ -7,9 +7,17 @@
transform: translateY(-4px);
}
}
+@keyframes fadeIn {
+ 0% {
+ color: inherit;
+ }
+ 100% {
+ color: transparent;
+ }
+}
@media (prefers-color-scheme: light) {
- #intro span[id]::before {
- text-shadow: 0 0 1rem var(--primary-dark-500);
+ #badges a:is(:hover, :focus) img {
+ filter: drop-shadow(4px 6px 0 var(--primary-500));
}
#collection {
& a:is(:hover, :focus) {
@@ -23,8 +31,8 @@
}
}
@media (prefers-color-scheme: dark) {
- #intro span[id]::before {
- text-shadow: 0 0 1rem var(--secondary-900);
+ #badges a:is(:hover, :focus) img {
+ filter: drop-shadow(4px 6px 0 var(--secondary-500));
}
#collection {
& a:is(:hover, :focus) {
@@ -64,54 +72,42 @@ body [id]:not(:nth-child(1)) ul {
}
#agender {
background-image: linear-gradient(
- black 0 14.28%,
- silver 0 28.57%,
- white 0 42.85%,
+ #000 0 14.28%,
+ #c0c0c0 0 28.57%,
+ #fff 0 42.85%,
#a3fa73 0 57.14%,
- white 0 71.42%,
- silver 0 85.71%,
- black 0
+ #fff 0 71.42%,
+ #c0c0c0 0 85.71%,
+ #000 0
);
}
#aromantic {
background-image: linear-gradient(
#0a2 20%,
#7d6 0 40%,
- white 0 60%,
- darkgray 0 80%,
- black 0
+ #fff 0 60%,
+ #a9a9a9 0 80%,
+ #000 0
);
}
#pansexual {
- background-image: linear-gradient(#f09 33.33%, gold 0 66.66%, deepskyblue 0);
-}
-#agender::before {
- content: "agender";
-}
-#aromantic::before {
- content: "aromantic";
-}
-#pansexual::before {
- content: "pansexual";
-}
-#intro span[id]::before {
- width: inherit;
- height: inherit;
- position: absolute;
- z-index: -1;
-}
-#intro span[id] {
- font-size: 2rem;
- color: transparent;
- background-clip: text;
- background-size: 2rem;
- background-position: center;
- background-repeat: repeat-x;
+ background-image: linear-gradient(#f09 33.33%, #ffd700 0 66.66%, #00bfff 0);
}
#intro {
- & p {
+ & p, ul {
font-family: "Urbanist", sans-serif;
- font-size: 1.8rem;
+ font-size: 1.3rem;
+ }
+ & ul {
+ margin: 0;
+ }
+ & span[id] {
+ background-clip: text;
+ background-repeat: repeat;
+ &:hover {
+ animation: fadeIn var(--trans) linear forwards;
+ filter: drop-shadow(2px 2px 1px #0006);
+ }
}
}
#collection {
@@ -120,12 +116,12 @@ body [id]:not(:nth-child(1)) ul {
& ul {
margin: 0;
padding: 0;
- justify-content: center;
+ justify-content: start;
}
& li {
display: flex;
& a {
- padding: 8px;
+ padding-top: 8px;
transition: background-color var(--trans);
text-decoration: none;
}
@@ -151,12 +147,12 @@ body [id]:not(:nth-child(1)) ul {
list-style-type: none;
}
& a {
+ outline: none;
display: flex;
padding: inherit;
margin: 0;
}
& a:is(:hover, :focus) img {
- filter: drop-shadow(4px 6px 0 #0006);
transform: translateY(-4px);
transition: 0.3s;
}
diff --git a/_src/assets/img/blog/media.png b/_src/assets/img/blog/media.png
new file mode 100644
index 0000000..f927571
Binary files /dev/null and b/_src/assets/img/blog/media.png differ
diff --git a/_src/data/articles/bio.md b/_src/data/articles/bio.md
index fe48822..de538cf 100644
--- a/_src/data/articles/bio.md
+++ b/_src/data/articles/bio.md
@@ -1,8 +1,9 @@
-Hi!
-I'm agender , aromantic , pansexual .
+Hi! My name's Sunny.
-* artist
-* writer
-* audio and video editor
-* graphic designer
-* web designer
\ No newline at end of file
+I'm:
+* an artist
+* a writer
+* an audio and video editor
+* a graphic designer
+* a web designer
+I'm also agender , aromantic , pansexual .
\ No newline at end of file
diff --git a/_src/data/blog/Rewrite 2.0.md b/_src/data/blog/Rewrite 2.0.md
index 98641e1..d93a1c3 100644
--- a/_src/data/blog/Rewrite 2.0.md
+++ b/_src/data/blog/Rewrite 2.0.md
@@ -5,15 +5,18 @@ modified: 2025-05-23
blurb: i hate luxon
avatar: /assets/img/art/sundae_glistening.png
---
+
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.
### So, what's new?
-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).
+It's now [open source](https://bunsin.space/forgejo/sundae/website) under CC-BY-NC-SA 4.0 !
-I figured out that standard markdown doesn't implement header links (without manually adding in HTML 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%}.
+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).
+
+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 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.
@@ -22,16 +25,16 @@ Here's a snippet of my time filters in my `eleventy.config.js`:
```js
import { format } from "date-fns";
- eleventyConfig.addFilter("ISO", (dateObj) => {
- return format(dateObj, ("yyyy-LL-dd"));
- });
- eleventyConfig.addFilter("readable", (dateObj) => {
- return format(dateObj, ("LLLL d, yyyy"));
- });
+eleventyConfig.addFilter("ISO", (dateObj) => {
+ return format(dateObj, "yyyy-LL-dd");
+});
+eleventyConfig.addFilter("readable", (dateObj) => {
+ return format(dateObj, "LLLL d, yyyy");
+});
```
### 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.
-How the shelving featuring my personal favorite games and music looked before. How the shelving featuring my personal favorite games and music looked before. How it looks now. 
