yay website

_src/_data/88x31-mine.json

@@ -0,0 +1,28 @@
+{
+	"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": "/"
+		}
+	]
+}

_src/_data/88x31-others.json

@@ -0,0 +1,112 @@
+{
+	"items": [
+		{
+			"alt": "Github repo for Visual Studio Codium",
+			"button": "/assets/img/button/vscodium.gif",
+			"name": "Made with VSCodium",
+			"src": "https://github.com/VSCodium/vscodium"
+		},
+		{
+			"alt": "Eleventy home page",
+			"button": "/assets/img/button/made_with_11ty.gif",
+			"name": "Made with 11ty",
+			"src": "https://11ty.dev"
+		},
+		{
+			"alt": "Mozilla Developer Network home page",
+			"button": "/assets/img/button/firefox.gif",
+			"name": "tested on Firefox",
+			"src": "https://developer.mozilla.org/"
+		},
+		{
+			"alt": "Librewolf home page",
+			"button": "/assets/img/button/get-librewolf.gif",
+			"name": "Delete Chrome! GET LIBREWOLF",
+			"src": "https://librewolf.net/"
+		},
+		{
+			"alt": "Arch Linux wiki home page",
+			"button": "/assets/img/button/arch-linux.png",
+			"name": "Arch Linux",
+			"src": "https://wiki.archlinux.org/title/Main_page"
+		},
+		{
+			"alt": "KDE home page",
+			"button": "/assets/img/button/kde.gif",
+			"name": "Konqi!",
+			"src": "https://kde.org"
+		},
+		{
+			"alt": "Xenia tribute page",
+			"button": "/assets/img/button/xenia.gif",
+			"name": "Linux now!",
+			"src": "https://xenia-linux-site.glitch.me/"
+		},
+		{
+			"alt": "Pngquant home page",
+			"button": "/assets/img/button/pngquant.gif",
+			"name": "pngquant",
+			"src": "https://pngquant.org/"
+		},
+		{
+			"alt": "World Wide Web Consortium HTML Validator page",
+			"button": "/assets/img/button/w3_validator.gif",
+			"name": "W3 Validator",
+			"src": "https://validator.w3.org/"
+		},
+		{
+			"alt": "Videolan home page",
+			"button": "/assets/img/button/vlc.png",
+			"name": "VLC media player",
+			"src": "https://www.videolan.org/vlc/"
+		},
+		{
+			"alt": "YouTube video featuring Bob from Animal Crossing",
+			"button": "/assets/img/button/bob.gif",
+			"name": "Bob.",
+			"src": "https://youtube.com/watch?v=yD2FSwTy2lw"
+		},
+		{
+			"alt": "freemediaheckyeah home page",
+			"button": "/assets/img/button/piracy-now.gif",
+			"name": "Piracy now!",
+			"src": "https://fmhy.net/"
+		},
+		{
+			"alt": "Usemumble on Neocities",
+			"button": "/assets/img/button/discord-no-way.gif",
+			"name": "Discord? No way!",
+			"src": "https://usemumble.neocities.org/"
+		},
+		{
+			"alt": "Matrix home page",
+			"button": "/assets/img/button/matrix.png",
+			"name": "matrix",
+			"src": "https://matrix.org/"
+		},
+		{
+			"alt": "Boodlebox on Neocities",
+			"button": "/assets/img/button/thiswebsitesucks.gif",
+			"name": "This Website SUCKS",
+			"src": "https://boodlebox.neocities.org/award2"
+		},
+		{
+			"alt": "Flashpoint archive home page",
+			"button": "/assets/img/button/flashpoint.gif",
+			"name": "GET FLASHPOINT; WEB GAME ARCHIVE",
+			"src": "https://flashpointarchive.org/"
+		},
+		{
+			"alt": "Lospec random palette page",
+			"button": "/assets/img/button/lospec.png",
+			"name": "Random Lospec palette",
+			"src": "https://lospec.com/palette-list/random"
+		},
+		{
+			"alt": "The mod archive home page",
+			"button": "/assets/img/button/modarchive.gif",
+			"name": "MOD ARCHIVE",
+			"src": "https://modarchive.org/"
+		}
+	]
+}

_src/_data/88x31-outgoing.json

@@ -0,0 +1,120 @@
+{
+	"items": [
+		{
+			"alt": "Betty bee's website",
+			"button": "/assets/img/button/mn8831.png",
+			"name": "the mice nest",
+			"src": "https://micenest.xyz/"
+		},
+		{
+			"alt": "Lati's website",
+			"button": "https://creature0354.neocities.org/archive/index%20content/site%20button!!!.gif",
+			"name": "lati!!!",
+			"src": "https://creature0354.neocities.org/"
+		},
+		{
+			"alt": "Kiophen's website",
+			"button": "https://mileshouse.neocities.org/img/kiophen8831.gif",
+			"name": "kiophen",
+			"src": "https://mileshouse.neocities.org/"
+		},
+		{
+			"alt": "Tequt's website",
+			"button": "/assets/img/button/tequt.gif",
+			"name": "tequt",
+			"src": "https://tequt.click/"
+		},
+		{
+			"alt": "Marty's website",
+			"button": "https://martyshouse.neocities.org/marty_smile8831.jpg",
+			"name": "marty's house",
+			"src": "https://martyshouse.neocities.org/"
+		},
+		{
+			"alt": "Drakonic's website",
+			"button": "https://drakonic.zone/images/button.gif",
+			"name": "DRAKONIC.ZONE",
+			"src": "https://drakonic.zone/"
+		},
+		{
+			"alt": "Swifty's website",
+			"button": "https://swiftyshq.neocities.org/img/res/aff/summeraff.gif",
+			"name": "Swifty's HQ!",
+			"src": "https://swiftyshq.neocities.org/"
+		},
+		{
+			"alt": "Em Essex's website",
+			"button": "https://heckscaper.com/data/buttons/msx8831.gif",
+			"name": "MSX.HORSE",
+			"src": "https://heckscaper.com/"
+		},
+		{
+			"alt": "cabl's website",
+			"button": "https://cabl.rodeo/imgs/cablButon.gif",
+			"name": "cabl",
+			"src": "https://cabl.rodeo/"
+		},
+		{
+			"alt": "pinkderg's website",
+			"button": "https://pinkderg.art/88x31.gif",
+			"name": "pinkderg.art",
+			"src": "https://pinkderg.art/"
+		},
+		{
+			"alt": "suspiciouslyBee's website",
+			"button": "https://bee.movie/beebadge.png",
+			"name": "bee on the internet",
+			"src": "https://bee.movie/"
+		},
+		{
+			"alt": "Rowan's website",
+			"button": "https://rowans.blog/data/kinne_8831.gif",
+			"name": "owo",
+			"src": "https://rowans.blog"
+		},
+		{
+			"alt": "Snewberry's website",
+			"button": "https://snewberry.neocities.org/snewbutton.gif",
+			"name": "Snewberry",
+			"src": "https://snewberry.neocities.org/"
+		},
+		{
+			"alt": "Virtually Isolated's website",
+			"button": "https://virtually-isolated.neocities.org/images/button.png",
+			"name": "virtually isolated",
+			"src": "https://virtually-isolated.neocities.org/"
+		},
+		{
+			"alt": "Beeps' website",
+			"button": "https://beeps.website/assets/images/88x31-d.gif",
+			"name": "beeps",
+			"src": "https://beeps.website/"
+		},
+		{
+			"alt": "Pebble's website",
+			"button": "https://pebble.pet/button.gif",
+			"name": "pebble",
+			"src": "https://pebble.pet/"
+		},
+		{
+			"alt": "a sped-up gif of a fox sniffing the viewer",
+			"button": "/assets/img/button/fox-nose.gif",
+			"id": "fox",
+			"name": "fox",
+			"src": "https://soundcloud.com/yeenimal/calling-you-nightcorefuchscore-edit"
+		},
+		{
+			"alt": "BraixDragon's linktree",
+			"button": "/assets/img/button/braixdragon-cat1.gif",
+			"id": "meow",
+			"name": ":3",
+			"src": "https://linktr.ee/BraixDragon"
+		},
+		{
+			"alt": "Crouton",
+			"button": "/assets/img/button/crouton.png",
+			"name": "Crouton",
+			"src": "https://crouton.net"
+		}
+	]
+}

_src/_data/games.json

@@ -0,0 +1,116 @@
+{
+	"items": [
+		{
+			"cover": "/assets/img/media/games/icons/ac_nl.png",
+			"title": "Animal Crossing: New Leaf",
+			"src": "https://tane.us/ac/nl.html"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/b_p.png",
+			"title": "Burnout Paradise",
+			"src": "https://youtube.com/watch?v=p3TYriU2-jo"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/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",
+			"title": "Grand Theft Auto: San Andreas",
+			"src": "https://youtube.com/watch?v=fNCtWaGMW4w"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/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",
+			"title": "Halo: The Master Chief Collection",
+			"src": "https://youtube.com/watch?v=XXHhh4JIby0"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/jc2.png",
+			"title": "Just Cause 2",
+			"src": "https://youtube.com/watch?v=PIVW0vPa4_o"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/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",
+			"title": "Klonoa 2: Lunatea's Veil",
+			"src": "https://youtube.com/watch?v=3Tknfc8In3Y"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/lbp.png",
+			"title": "LittleBigPlanet",
+			"src": "https://youtube.com/watch?v=LattfGKNr-E"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/me.png",
+			"title": "Mirror's Edge",
+			"src": "https://youtube.com/watch?v=RfUwQsCzkgs"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/nfs_c.png",
+			"title": "Need For Speed: Carbon",
+			"src": "https://youtube.com/watch?v=IOKWeLCirhI"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/nfs_mw.png",
+			"title": "Need For Speed: Most Wanted",
+			"src": "https://youtube.com/watch?v=CcHHZKKS2MI"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/nt.png",
+			"title": "Nuclear Throne",
+			"src": "https://www.youtube.com/watch?v=KbpbzbE3sjg"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/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",
+			"title": "Pokémon SoulSilver",
+			"src": "https://youtube.com/watch?v=4ujh7lvcsRs"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/rv.png",
+			"title": "Re-Volt",
+			"src": "https://rvgl.org/"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/smt_iv.png",
+			"title": "Shin Megami Tensei IV",
+			"src": "https://youtube.com/watch?v=ZscuJCOoIPc"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/sm.png",
+			"title": "StepMania",
+			"src": "https://youtube.com/watch?v=crEz8i6oVpI"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/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",
+			"title": "We Love Katamari",
+			"src": "https://youtube.com/watch?v=l6CkDxYzGME",
+			"text": "hi"
+		},
+		{
+			"cover": "/assets/img/media/games/icons/2kki.png",
+			"title": "Yume 2kki",
+			"src": "https://ynoproject.net/2kki/"
+		}
+	]
+}

_src/_data/music.json

@@ -0,0 +1,124 @@
+{
+	"items": [
+		{
+			"cover": "/assets/img/media/music/2-mello_future.png",
+			"alt": "Sounds of Tokyo-To Future",
+			"title": "2 Mello - Sounds of Tokyo-To Future",
+			"src": "https://2mellomakes.bandcamp.com/album/sounds-of-tokyo-to-future"
+		},
+		{
+			"cover": "/assets/img/media/music/6no_final-6no.png",
+			"alt": "FINAL 6NO",
+			"title": "6no - FINAL 6NO",
+			"src": "https://b9-6no.bandcamp.com/album/final-6no"
+		},
+		{
+			"cover": "/assets/img/media/music/baths_cerulean.png",
+			"alt": "Cerulean",
+			"title": "Baths - Cerulean",
+			"src": "https://bathsmusic.bandcamp.com/album/cerulean"
+		},
+		{
+			"cover": "/assets/img/media/music/boa_thousand-camels.png",
+			"alt": "The Race of a Thousand Camels",
+			"title": "Bôa - The Race of a Thousand Camels",
+			"src": "https://musicbrainz.org/release/8bd70552-0a26-466e-bfaf-49f0e5b65e5d"
+		},
+		{
+			"cover": "/assets/img/media/music/dd_1993.png",
+			"alt": "The Wedding Album",
+			"title": "Duran Duran - The Wedding Album (1993)",
+			"src": "https://musicbrainz.org/release/f94309a3-1797-4e29-861c-671b90307e4a"
+		},
+		{
+			"cover": "/assets/img/media/music/ee_man-alive.png",
+			"alt": "Man Alive",
+			"title": "Everything Everything - Man Alive",
+			"src": "https://musicbrainz.org/release-group/053c59e7-2277-4187-ae85-3294923dc9ab"
+		},
+		{
+			"cover": "/assets/img/media/music/funk-fiction_sonic-beats.png",
+			"alt": "Sonic BeATS",
+			"title": "Funk Fiction - Sonic BeATS",
+			"src": "https://funkfiction.bandcamp.com/album/sonic-beats"
+		},
+		{
+			"cover": "/assets/img/media/music/goreshit_gnb.png",
+			"alt": "gnb",
+			"title": "goreshit - gnb",
+			"src": "https://goreshit.bandcamp.com/album/gnb"
+		},
+		{
+			"cover": "/assets/img/media/music/goreshit_goretrance-9.png",
+			"alt": "goretrance 9",
+			"title": "goreshit - goretrance 9",
+			"src": "https://goreshit.bandcamp.com/album/goretrance-9"
+		},
+		{
+			"cover": "/assets/img/media/music/goreshit_stankface.png",
+			"alt": "stankface",
+			"title": "goreshit - stankface",
+			"src": "https://goreshit.bandcamp.com/album/stankface"
+		},
+		{
+			"cover": "/assets/img/media/music/tunic.png",
+			"alt": "TUNIC's Original Game Soundtrack",
+			"title": "Lifeformed & Janice Kwan - TUNIC",
+			"src": "https://lifeformed.bandcamp.com/album/tunic-original-game-soundtrack"
+		},
+		{
+			"cover": "/assets/img/media/music/madeon_adventure.png",
+			"alt": "Adventure",
+			"title": "Madeon - Adventure (Deluxe)",
+			"src": "https://musicbrainz.org/release/37d1cc6e-a1b2-404e-9896-2b305217e05e"
+		},
+		{
+			"cover": "/assets/img/media/music/madlib_shades-of-blue.png",
+			"alt": "Shades of Blue: Madlib Invades Blue Note",
+			"title": "Madlib - Shades of Blue: Madlib Invades Blue Note",
+			"src": "https://musicbrainz.org/release/8c0935be-266f-485f-b465-c57ab13a67b3"
+		},
+		{
+			"cover": "/assets/img/media/music/pendulum_hold-your-colour.png",
+			"alt": "Hold your Colour",
+			"title": "Pendulum - Hold your Colour",
+			"src": "https://musicbrainz.org/release/9d9b873c-fbd4-43df-9533-b401dd86081d"
+		},
+		{
+			"cover": "/assets/img/media/music/pendulum_immersion.png",
+			"alt": "Immersion",
+			"title": "Pendulum - Immersion",
+			"src": "https://musicbrainz.org/release/8eb52812-f660-475c-ba17-3410c8f0c0a8"
+		},
+		{
+			"cover": "/assets/img/media/music/pete-rock_petestrumentals.png",
+			"alt": "Petestrumentals",
+			"title": "Pete Rock - Petestrumentals",
+			"src": "https://peterock.bandcamp.com/album/petestrumentals"
+		},
+		{
+			"cover": "/assets/img/media/music/redeyes_poetry-in-motion.png",
+			"alt": "Poetry in Motion",
+			"title": "Redeyes - Poetry in Motion",
+			"src": "https://spearheadrecords.bandcamp.com/album/poetry-in-motion"
+		},
+		{
+			"cover": "/assets/img/media/music/vince-kaichan_tracker-works.png",
+			"alt": "Tracker Works 2014​-​2018",
+			"title": "Vince Kaichan - Tracker Works 2014-​2018",
+			"src": "https://vincekaichan.bandcamp.com/album/tracker-works-2014-2018"
+		},
+		{
+			"cover": "/assets/img/media/music/jet-set-radio_future.png",
+			"alt": "Jet Set Radio Future's Original Game Soundtrack",
+			"title": "Various artists - Jet Set Radio Future",
+			"src": "https://jetsetradiofuture.live/"
+		},
+		{
+			"cover": "/assets/img/media/music/lethal-league_blaze.png",
+			"alt": "Lethal League Blaze's Original Game Soundtrack",
+			"title": "Various artists - Lethal League Blaze",
+			"src": "https://store.steampowered.com/app/991870/Lethal_League_Blaze__Soundtrack/"
+		}
+	]
+}

_src/_data/outgoing.json

@@ -0,0 +1,29 @@
+{
+	"items": [
+		{
+			"icon": "/assets/img/icon/neocities.svg",
+			"title": "Neocities",
+			"src": "https://neocities.org/site/sunbun"
+		},
+		{
+			"icon": "/assets/img/icon/mastodon.svg",
+			"title": "Mastodon",
+			"src": "https://denden.world/@fossilisk"
+		},
+		{
+			"icon": "/assets/img/icon/matrix.svg",
+			"title": "Matrix",
+			"src": "https://matrix.to/#/@sundae:bunsin.space"
+		},
+		{
+			"icon": "/assets/img/icon/steam.svg",
+			"title": "Steam",
+			"src": "https://steamcommunity.com/profiles/76561198043767096"
+		},
+		{
+			"icon": "/assets/img/icon/youtube.svg",
+			"title": "YouTube",
+			"src": "https://youtube.com/channel/UCE4xk4hn-M1d4w56F-TydFw"
+		}
+	]
+}

_src/_data/site.json

@@ -0,0 +1,3 @@
+{
+	"name": "sundae's bunspace"
+}

_src/_includes/base.njk

@@ -0,0 +1,74 @@
+---
+paw: "m 15.700739,16.184194 c 0,4.483 -2.555,2.038 -5.7060001,2.038 -3.151,0 -5.706,2.445 -5.706,-2.038 0,-2.925 2.555,-6.113001 5.706,-6.113001 3.1510001,0 5.7060001,3.188001 5.7060001,6.113001 z M 4.0687389,8.1071934 c 0.394,1.336 0.007,2.6259996 -0.862,2.8819996 -0.87,0.256001 -1.8929999,-0.619 -2.28599993,-1.9539996 -0.393,-1.336 -0.007,-2.626 0.86199993,-2.882 0.87,-0.256 1.893,0.619 2.286,1.954 z m 15.0000001,0.945 c -0.407,1.3319996 -1.442,2.1960006 -2.312,1.9299996 -0.869,-0.266 -1.244,-1.5609996 -0.837,-2.8919996 0.407,-1.332 1.442,-2.196 2.312,-1.93 0.869,0.265 1.244,1.56 0.837,2.892 z m -10.1100001,-4.859 c 0.365,1.897 -0.218,3.606 -1.302,3.814 -1.085,0.209 -2.261,-1.16 -2.626,-3.059 -0.365,-1.898 0.218,-3.6060001 1.302,-3.8150001 1.085,-0.20799996 2.261,1.1620001 2.626,3.0600001 z m 5.9960001,0.778 c -0.388,1.893 -1.578,3.25 -2.66,3.029 -1.082,-0.222 -1.647,-1.937 -1.26,-3.83 0.388,-1.894 1.578,-3.25000006 2.66,-3.0290001 1.082,0.222 1.647,1.9370001 1.26,3.8300001 z"
+---
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>
+            {{ site.name }}
+            {% if title %}
+                - {{ page.fileSlug| capitalize }}
+            {% endif %}
+        </title>
+        <link rel="icon" href="/assets/img/icon/sundae.png">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta charset="utf-8">
+        <link rel="stylesheet" href="/assets/css/reset.css">
+        <link rel="stylesheet" href="/assets/css/default.css">
+        <link rel="stylesheet" href="/assets/css/me.css"> {% set availableStyles = ['home', 'blog', 'gallery'] %}
+        {% if page.url %}
+            {% if availableStyles.indexOf(page.url|firstSegment) !== -1 %}
+                <link rel="stylesheet" href="/assets/css/{{ page.url|firstSegment }}.css">
+            {% endif %}
+        {% endif %}
+    </head>
+    <body id="{{ page.url|firstSegment }}">
+        <header></header>
+        <nav>
+            <details>
+                <summary>
+                    <svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+                        <path d="{{ paw }}"></svg>Navigation</summary>
+                    <a href="../">
+                        <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M 4 11 L 12 5 L 15 5 L 9 10 L 28 10 L 28 12 L 9 12 L 15 17 L 12 17 Z"></path>
+                        </svg>
+                        Back
+                    </a>
+                    {% set currentUrl %}{{ page.url }}{% endset %}
+                    {% set sortedPages = collections.pages|sort(attribute='data.order') %}
+                    <ul>
+                        {% for page in sortedPages %}
+                            <li>
+                                <a {% if currentUrl === page.url %} aria-current="page" {% endif %} href="{{ page.url }}">
+                                    <svg width="20" height="20" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="{{ page.data.icon }}"></path>
+                                    </svg>
+                                    {{ page.data.title }}</a>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                </details>
+                <details>
+                    <summary>
+                        <svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+                            <path d="{{ paw }}"></svg>Outgoing</summary>
+                        <ul>
+                            {% for item in outgoing.items %}
+                                <li>
+                                    <a href="{{ item.src }}"><img src="{{ item.icon }}" alt="">{{ item.title }}</a>
+                                </li>
+                            {% endfor %}
+                        </ul>
+                    </details>
+                    <script src="/assets/js/nav-details.js"></script>
+                </nav>
+                <main>
+                    {{ content | safe }}
+                </main>
+                <footer></footer>
+            </body>
+        </html>
+    </body>
+</html>

_src/_includes/blog.njk

@@ -0,0 +1,14 @@
+---
+layout: base
+icon: "M 6 3 L 19 3 L 26 10 L 26 30 L 6 30 Z M 17 12 L 24 12 L 17 5 Z"
+---
+
+<article>
+    <h2>{{page.fileSlug}}
+        <time datetime="{{date|ISO}}">{{date|readable}}</time>
+    </h2>
+    {{content|safe}}
+    <div aria-label="Postscript">
+        {{blurb|safe}} <img src="{{avatar}}">
+    </div>
+</article>

_src/_includes/gallery.njk

@@ -0,0 +1,18 @@
+---
+layout: base
+icon: "M 30 26 L 27 26 L 21 14 L 16 23 L 11 17 L 5 26 L 2 26 L 2 2 Q 2 2 10 6 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 6 L 2 2 L 30 2 L 30 26 L 30 30 L 2 30 L 2 26"
+---
+<article>
+        <h3>{{ page.fileSlug }}</h3>
+    <section>
+        {% for image in images %}
+            <figure>
+                <a href="{{ image.src }}">
+                    <img src="{{ image.src }}" alt="{{ image.alt }}" {%if image.width %}width="{{image.width}}px" style="image-rendering: pixelated"{% endif %}>
+                </a>
+                <time datetime="{{ image.date|ISO }}">{{ image.date|readable }}</time><figcaption>{{ image.alt }}</figcaption>
+            </figure>
+        {% endfor %}
+    </section>
+    {{ content|safe }}
+</article>

_src/assets/css/blog.css

@@ -0,0 +1,234 @@
+:root {
+	--avatar: 3rem;
+}
+
+@media (prefers-color-scheme: light) {
+	article {
+		& p[aria-label="Post warning"] {
+			border-color: currentColor;
+			background-color: var(--primary-dark-200);
+			color: var(--primary);
+		}
+
+		& [aria-label="Addendum"] {
+			box-shadow: inset 0 0 0 2px var(--primary);
+			border-image-source: linear-gradient(
+				45deg,
+				var(--primary),
+				var(--primary-600),
+				var(--primary)
+			);
+			background-color: var(--primary-400);
+		}
+	}
+
+	#posts {
+		& a {
+			border-color: var(--primary-600);
+			background-color: var(--primary-300);
+			color: var(--primary-dark-400);
+
+			&:is(:hover, :focus) {
+				background-color: var(--primary-500);
+			}
+		}
+
+		& p:not(:last-child) {
+			color: var(--primary-dark-700);
+		}
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	article {
+		& p[aria-label="Post warning"] {
+			border-color: currentColor;
+			background-color: var(--secondary-100);
+			color: var(--secondary);
+		}
+
+		& [aria-label="Addendum"] {
+			box-shadow: inset 0 0 0 2px var(--secondary);
+			border-image-source: linear-gradient(
+				45deg,
+				var(--secondary),
+				var(--secondary-600),
+				var(--secondary)
+			);
+			background-color: var(--secondary-400);
+		}
+	}
+
+	#posts {
+		& a {
+			border-color: var(--secondary-600);
+			background-color: var(--secondary-300);
+			color: var(--secondary-light-400);
+
+			&:is(:hover, :focus) {
+				background-color: var(--secondary-500);
+			}
+		}
+
+		& p:not(:last-child) {
+			color: var(--secondary-light-700);
+		}
+	}
+}
+
+article {
+	margin: 0 auto;
+	background-image: var(--paw);
+	background-position-x: center;
+	background-position-y: bottom;
+	background-size: 64px;
+	background-repeat: no-repeat;
+	background-origin: content-box;
+	font-family: "Rubik", sans-serif;
+	& time {
+		font-size: initial;
+	}
+	& p[aria-label="Post warning"] {
+		border-style: solid;
+		border-width: 2px;
+		border-radius: 0.4rem;
+		padding: 0.4rem 0;
+		font-size: 1.4rem;
+		font-weight: bold;
+		text-align: center;
+
+		&::before,
+		&::after {
+			content: "⚠️";
+		}
+	}
+
+	& aside,
+	[aria-label="Addendum"] {
+		margin: 1rem 0;
+		border-image-slice: 1;
+		border-image-width: 2px;
+		border-image-outset: 4px;
+		padding: 1rem;
+		background-image: var(--noise);
+	}
+}
+
+article > [aria-label="Addendum"] {
+	& > p:first-child {
+		display: flex;
+		justify-content: center;
+		margin-block-start: 0;
+		font-weight: bold;
+	}
+}
+
+article > [aria-label="Postscript"] {
+	margin: 0 0 auto auto;
+	padding: 2rem 0 4rem 0;
+
+	& p {
+		display: flex;
+		flex-direction: column;
+		transition: background-color var(--trans);
+		margin-top: inherit;
+		margin-left: inherit;
+		margin-right: var(--avatar);
+		border-radius: var(--round);
+		border-bottom-right-radius: 0;
+		width: fit-content;
+		padding: 0.8rem;
+		background-color: #0060df;
+		color: #fff;
+		font-family: "Rubik", sans-serif;
+		font-size: 0.8rem;
+		word-wrap: anywhere;
+
+		&:hover {
+			background-color: #3a76f0;
+		}
+
+		&:not(:last-of-type) {
+			margin-bottom: 1rem;
+		}
+	}
+
+	& p:has(img:nth-child(n + 2)) {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(min(100%, 40%), 1fr));
+		align-items: center;
+		gap: 0.8rem;
+	}
+	& p > img {
+		transition: height var(--trans), border-radius var(--trans),
+			background-color var(--trans);
+		border-radius: var(--round);
+		min-height: fit-content;
+		max-height: 300px;
+	}
+	& img:not(p > img) {
+		display: flex;
+		box-sizing: content-box;
+		margin: 0 0 0 auto;
+		border-radius: 100%;
+		width: var(--avatar);
+		height: var(--avatar);
+	}
+}
+
+#posts {
+	max-width: 75ch;
+
+	& ul {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		margin: 0;
+		padding: 0;
+		list-style-type: none;
+	}
+
+	& li p {
+		margin-block-start: 0;
+	}
+
+	& a {
+		display: flex;
+		flex-direction: column;
+		overflow: scroll;
+		transition: border-color var(--trans);
+		border-style: solid;
+		border-width: 2px;
+		border-radius: var(--round);
+		padding: 0.8rem;
+		font-size: 1.125rem;
+		font-weight: bold;
+		text-decoration: none;
+		word-break: break-word;
+
+		&:is(:hover, :focus) {
+			border-color: currentColor;
+		}
+
+		& time,
+		p {
+			display: flex;
+			font-size: 1rem;
+			font-weight: normal;
+		}
+	}
+}
+@media screen and (max-width: 920px) {
+	#posts {
+		max-width: unset;
+		width: auto;
+	}
+	[aria-label="Postscript"] {
+		& p {
+			margin-right: unset;
+			& > img {
+				height: auto ;
+				max-height: var(--view);
+			}
+		}
+}

_src/assets/css/default.css

@@ -0,0 +1,129 @@
+@import url("/assets/css/variables.css");
+
+:root {
+	--view: 18rem;
+}
+
+body {
+	font-family: sans-serif;
+	font-size: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+main {
+	padding: 2rem 2rem 4rem calc(var(--view) + 2rem);
+	overflow: hidden;
+}
+
+article {
+	height: max-content;
+	padding: 2rem;
+
+	& p {
+		margin: 1rem 0;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+	}
+}
+
+/* Header */
+header {
+	margin: 0 var(--view);
+}
+
+/* Navigation */
+body > nav {
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	padding: 1rem;
+	position: fixed;
+	top: 0;
+	width: var(--view);
+	height: 100%;
+}
+
+body > nav ul {
+	margin: 0;
+	padding: 0;
+}
+
+nav > details {
+	font-size: 1.5rem;
+}
+
+body > nav ul li {
+	display: inherit;
+	flex-direction: row;
+}
+
+body > nav a {
+	display: flex;
+	font-size: 1.125rem;
+	font-weight: bold;
+	height: 2rem;
+	line-height: 2rem;
+}
+
+details {
+	cursor: pointer;
+}
+
+/* Navigation > Icons */
+svg {
+	fill: currentColor;
+	stroke: currentColor;
+	stroke-width: 0;
+}
+
+body > nav li img {
+	border-radius: 100%;
+}
+
+body > nav a svg,
+body > nav li img,
+body > nav summary svg {
+	margin: 0 8px 0 8px;
+	width: 20px;
+	height: 20px;
+}
+
+body > nav li img,
+body > nav a svg {
+	align-self: center;
+}
+
+body > nav details {
+	display: flex;
+	align-items: center;
+}
+
+body > nav > ul > svg {
+	overflow: visible;
+	text-anchor: start;
+}
+
+/* Images */
+img[src*="/assets/img/pkmn/"] {
+	height: fit-content;
+	image-rendering: pixelated;
+}
+
+img[src*="/assets/img/flag/"] {
+	height: 32px;
+}
+
+ul:has(img, svg):not(article ul) {
+	list-style-type: none;
+}
+
+article {
+	max-width: 75ch;
+}
+
+iframe {
+	border: 0;
+}

_src/assets/css/gallery.css

@@ -0,0 +1,133 @@
+@media (prefers-color-scheme: light) {
+	#artworks {
+		& a {
+			transition: color var(--trans), background-color var(--trans),
+				border-color var(--trans);
+
+			& figure {
+				color: var(--primary-dark-400);
+				border-color: var(--primary-600);
+				background-color: var(--primary-300);
+
+				& time {
+					color: var(--primary-dark-500);
+				}
+
+				& figcaption {
+					color: var(--primary-dark-500);
+				}
+
+				&:is(:hover, :focus) {
+					border-color: currentColor;
+					background-color: var(--primary-500);
+				}
+			}
+		}
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	#artworks {
+		& a {
+			transition: color var(--trans), background-color var(--trans),
+				border-color var(--trans);
+
+			& figure {
+				color: var(--secondary-light-400);
+				border-color: var(--secondary-600);
+				background-color: var(--secondary-300);
+
+				& time {
+					color: var(--secondary-light-500);
+				}
+
+				& figcaption {
+					color: var(--secondary-light-500);
+				}
+
+				&:is(:hover, :focus) {
+					border-color: currentColor;
+					background-color: var(--secondary-500);
+				}
+			}
+		}
+	}
+}
+
+#artworks {
+	& ul {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr));
+		padding: 0;
+		margin: 0;
+		gap: 1rem;
+	}
+
+	& h2 {
+		margin: 2rem 0;
+		font-size: 2rem;
+
+		&:first-of-type {
+			margin-top: 0;
+		}
+	}
+
+	& a {
+		display: block;
+		text-decoration: unset;
+
+		& figure {
+			margin: 0;
+			padding: 0.4rem;
+			border-width: 2px;
+			border-style: solid;
+			border-radius: 0.4rem;
+
+			& img {
+				display: flex;
+				height: 12rem;
+				width: 100%;
+				border-bottom: unset;
+				object-fit: contain;
+				border-radius: inherit;
+			}
+
+			& figcaption {
+				font-family: Urbanist, sans-serif;
+				font-size: 1.2rem;
+			}
+		}
+	}
+}
+
+#gallery article {
+	& figure {
+		& time {
+			display: flex;
+			font-weight: bold;
+		}
+
+		& a {
+			width: fit-content;
+			& img {
+				min-height: fit-content;
+				max-height: 18rem;
+				object-fit: contain;
+				border-radius: inherit;
+				border-style: inherit;
+				border-width: inherit;
+				border-color: inherit;
+			}
+		}
+	}
+
+	& > 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));
+		}
+	}
+}

_src/assets/css/home.css

@@ -0,0 +1,179 @@
+@keyframes jump {
+	0% {
+		transform: translateY(0);
+	}
+
+	100% {
+		transform: translateY(-4px);
+	}
+}
+@media (prefers-color-scheme: light) {
+	#intro span[id]::before {
+		text-shadow: 0 0 1rem var(--primary-dark-500);
+	}
+	#collection {
+		& a:is(:hover, :focus) {
+			box-shadow: 0 0 0 1px currentColor;
+			background-color: var(--primary-500);
+		}
+		& img {
+			box-shadow: 0 0 0 1px
+				color-mix(in lch, transparent, var(--primary-dark-500) 30%);
+		}
+	}
+}
+@media (prefers-color-scheme: dark) {
+	#intro span[id]::before {
+		text-shadow: 0 0 1rem var(--secondary-900);
+	}
+	#collection {
+		& a:is(:hover, :focus) {
+			box-shadow: 0 0 0 1px currentColor;
+			background-color: var(--secondary-500);
+		}
+		& img {
+			box-shadow: 0 0 0 1px
+				color-mix(in lch, transparent, var(--secondary-500) 70%);
+		}
+	}
+}
+
+#pkmn {
+	display: flex;
+	flex-wrap: wrap;
+	background-image: url("/assets/img/pkmn/bg/box.png");
+	border-radius: 5px;
+	width: max-content;
+	border-bottom-color: #78a068;
+	border-left-color: #c8f8c0;
+	border-right-color: #78a068;
+	border-top-color: #c8f8c0;
+	border-width: 3px;
+	border-style: solid;
+
+	& img:hover {
+		filter: drop-shadow(0 -2px 0 #fff) drop-shadow(0 2px 0 #fff)
+			drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff)
+			drop-shadow(0 2px 3px #0006);
+		animation: jump 200ms infinite alternate;
+	}
+}
+body [id]:not(:nth-child(1)) ul {
+	display: flex;
+	flex-wrap: wrap;
+}
+#agender {
+	background-image: linear-gradient(
+		black 0 14.28%,
+		silver 0 28.57%,
+		white 0 42.85%,
+		#a3fa73 0 57.14%,
+		white 0 71.42%,
+		silver 0 85.71%,
+		black 0
+	);
+}
+#aromantic {
+	background-image: linear-gradient(
+		#0a2 20%,
+		#7d6 0 40%,
+		white 0 60%,
+		darkgray 0 80%,
+		black 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;
+}
+#intro {
+	& p {
+		font-family: "Urbanist", sans-serif;
+		font-size: 1.8rem;
+	}
+}
+#collection {
+	display: inherit;
+	gap: 1rem;
+	& ul {
+		margin: 0;
+		padding: 0;
+		justify-content: center;
+	}
+	& li {
+		display: flex;
+		& a {
+			padding: 8px;
+			transition: background-color var(--trans);
+			text-decoration: none;
+		}
+		& span {
+			display: flex;
+			width: 14ch;
+			text-align: center;
+			justify-content: center;
+		}
+	}
+	& div:has(img) {
+		margin: 0 auto;
+		width: fit-content;
+	}
+	.music img {
+		height: 48px;
+	}
+}
+#badges {
+	& ul {
+		gap: 1rem;
+		padding: 0;
+		list-style-type: none;
+	}
+	& a {
+		display: flex;
+		padding: inherit;
+		margin: 0;
+	}
+	& a:is(:hover, :focus) img {
+		filter: drop-shadow(4px 6px 0 #0006);
+		transform: translateY(-4px);
+		transition: 0.3s;
+	}
+}
+#collection div:has(img)::after {
+	content: url("/assets/img/icon/shortcut.png");
+	display: flex;
+	z-index: 1;
+	position: absolute;
+	width: 24px;
+	height: 24px;
+	margin: -1.5rem 0 0 -0.5rem;
+	pointer-events: none;
+}
+@media screen and (max-width: 920px) {
+	#collection {
+		display: flex;
+		flex-direction: column;
+	}
+}

_src/assets/css/index.css

@@ -0,0 +1,26 @@
+@import url("/assets/css/variables.css");
+
+#index {
+	width: 100%;
+	background-color: rgb(255, 190, 0);
+	background-image: url("/assets/img/theme/citrus/sundae.png");
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+	margin: 0;
+	padding: 0;
+
+	main {
+		display: flex;
+	}
+
+	a img {
+		width: 100%;
+		transition: var(--trans);
+		transform: scale(0.9);
+	}
+
+	a img:hover {
+		transform: scale(0.95) translateY(-1rem);
+	}
+}

_src/assets/css/me.css

@@ -0,0 +1,445 @@
+@media (prefers-color-scheme: light) {
+	article {
+		border-color: var(--primary-300);
+		background-color: var(--primary-200);
+		color: var(--primary-dark-300);
+
+		& aside {
+			box-shadow: inset 0 0 0 2px var(--primary-500);
+			background-color: var(--primary-300);
+		}
+		& figure {
+			color: var(--primary-dark-400);
+			border-color: var(--primary-600);
+			background-color: var(--primary-300);
+		}
+
+		& s,
+		u {
+			text-decoration-color: color-mix(in lch, red, var(--primary-500) 20%);
+		}
+
+		& h3 a {
+			color: var(--primary-dark-300);
+
+			&:hover {
+				background-color: var(--primary-dark-300);
+				color: var(--primary);
+			}
+		}
+
+		& code:not(pre *) {
+			background-color: var(--primary-400);
+		}
+
+		& pre {
+			transition: background-color var(--trans), border-color var(--trans);
+			background-color: var(--primary-100);
+
+			&:hover {
+				border-color: var(--primary);
+				background-color: var(--primary-400);
+			}
+		}
+
+		& pre,
+		code {
+			border-color: var(--primary-400);
+		}
+	}
+
+	body {
+		background-color: var(--primary-100);
+		color: var(--primary-dark-300);
+
+		& > nav {
+			border-right: 1px solid var(--primary);
+
+			&::before {
+				background-color: var(--primary);
+			}
+
+			&::after {
+				background-color: var(--primary);
+			}
+
+			& a {
+				background-color: var(--primary);
+			}
+		}
+
+		&::after {
+			background-color: var(--primary);
+		}
+
+		& details {
+			box-shadow: inset 0 0 0 2px var(--primary);
+			background-color: white;
+			color: var(--primary);
+		}
+
+		& details[open] {
+			box-shadow: inset 0 0 0 2px var(--primary);
+			background-color: var(--primary-300);
+			color: var(--primary-dark-400);
+
+			& summary {
+				border-color: var(--primary);
+				background-color: var(--primary-600);
+			}
+
+			& a {
+				color: var(--primary-100);
+
+				&[aria-current] {
+					box-shadow: 0 0 0 2px var(--primary-600);
+					background-color: var(--primary-100);
+					color: var(--primary-dark-500);
+				}
+			}
+		}
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	article {
+		border-color: var(--secondary-300);
+		background-color: var(--secondary-200);
+		color: var(--secondary-light-300);
+
+		& aside {
+			box-shadow: inset 0 0 0 2px var(--secondary-500);
+			background-color: var(--secondary-300);
+		}
+		& figure {
+			color: var(--secondary-light-400);
+			border-color: var(--secondary-600);
+			background-color: var(--secondary-300);
+		}
+		& s,
+		u {
+			text-decoration-color: color-mix(in lch, red, var(--secondary-500) 20%);
+		}
+
+		& h3 a {
+			color: var(--secondary-light-300);
+
+			&:hover {
+				background-color: var(--secondary-light-300);
+				color: var(--secondary);
+			}
+		}
+
+		& code:not(pre *) {
+			background-color: var(--secondary-400);
+		}
+
+		& pre {
+			transition: background-color var(--trans), border-color var(--trans);
+			background-color: var(--secondary-100);
+
+			&:hover {
+				border-color: var(--secondary);
+				background-color: var(--secondary-400);
+			}
+		}
+
+		& pre,
+		code {
+			border-color: var(--secondary-400);
+		}
+	}
+
+	body {
+		background-color: var(--secondary-100);
+		color: var(--secondary-light-200);
+
+		& > nav {
+			border-right: 1px solid var(--secondary);
+
+			&::before {
+				background-color: var(--secondary);
+			}
+
+			&::after {
+				background-color: var(--secondary);
+			}
+
+			& a {
+				background-color: var(--secondary);
+			}
+		}
+
+		&::after {
+			background-color: var(--secondary);
+		}
+
+		& details {
+			box-shadow: inset 0 0 0 2px var(--secondary);
+			background-color: var(--secondary-100);
+			color: var(--secondary);
+		}
+
+		& details[open] {
+			box-shadow: inset 0 0 0 2px var(--secondary);
+			background-color: var(--secondary-300);
+			color: var(--secondary-light-200);
+
+			& summary {
+				border-color: var(--secondary);
+				background-color: var(--secondary-600);
+			}
+
+			& a {
+				color: var(--secondary-200);
+
+				&[aria-current] {
+					box-shadow: 0 0 0 2px var(--secondary);
+					background-color: var(--secondary-200);
+					color: var(--secondary-light-500);
+				}
+			}
+		}
+	}
+}
+
+body {
+	font-family: "Rubik", sans-serif;
+
+	& article {
+		border-style: solid;
+		border-width: 2px;
+		border-radius: var(--round);
+
+		& hr {
+			margin: 2rem 0;
+		}
+
+		& a {
+			font-weight: 500;
+		}
+
+		& s {
+			text-decoration-style: line-through;
+			text-decoration-thickness: 0.1em;
+		}
+
+		& ul {
+			
+			& li {
+				margin: 0;
+
+				& p {
+					margin: 0;
+				}
+			}
+		}
+
+		& u {
+			text-decoration-style: double;
+			text-decoration-thickness: 2px;
+		}
+
+		& em {
+			font-weight: 200;
+		}
+
+		& p {
+			word-wrap: break-word;
+		}
+
+		& code:not(pre *) {
+			padding: 0 0.2rem;
+		}
+
+		& pre {
+			display: flex;
+			width: auto;
+			overflow: scroll;
+			padding: 0.5rem;
+			white-space: pre-wrap;
+			word-break: break-word;
+		}
+
+		& pre,
+		code:not(pre *) {
+			transition: background-color var(--trans), border-color var(--trans);
+			border-style: solid;
+			border-width: 2px;
+			border-radius: var(--round);
+			font-weight: bold;
+		}
+
+		& h3 {
+			font-size: 1.6rem;
+			margin: 0;
+
+			& a {
+				display: inline-block;
+				transition: color var(--trans), background-color var(--trans);
+				border-radius: inherit;
+				height: max-content;
+				padding: 0 0.4rem;
+			}
+		}
+
+		& aside {
+			float: right;
+			border-radius: var(--round);
+			width: 66%;
+		}
+		& figure {
+			transition: var(--trans);
+			margin: 0;
+			border-style: solid;
+			border-width: 2px;
+			padding: 0.8rem;
+			border-radius: var(--round);
+			display: flex;
+			flex-direction: column;
+		}
+	}
+
+	& nav {
+		gap: 0.8rem;
+		& details {
+			gap: 0.8rem;
+			border-radius: var(--round);
+			font-weight: bold;
+		}
+		& details > summary {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 0 1.4rem 0 0;
+			height: 2rem;
+
+			& > svg {
+				transform: rotate(0deg);
+				transition: transform var(--trans);
+			}
+		}
+
+		& details[open] > summary {
+			margin-bottom: 0.4rem;
+			border-style: solid;
+			border-width: 2px;
+			border-radius: var(--round);
+			border-bottom-left-radius: 0;
+			border-bottom-right-radius: 0;
+
+			& svg {
+				transform: rotate(45deg);
+			}
+		}
+
+		& a {
+			margin: 0 1rem;
+			margin-bottom: 0.4rem;
+			border-radius: var(--round);
+		}
+	}
+}
+
+body > nav::before,
+body::after {
+	z-index: -1;
+	content: "";
+	position: absolute;
+	mask-image: url("/assets/img/theme/sundae_sit-lines.png");
+	mask-repeat: no-repeat;
+	margin: 0;
+	width: inherit;
+	height: inherit;
+	pointer-events: none;
+}
+
+body > nav::before {
+	bottom: 0;
+	left: 0;
+	mask-size: 150%;
+	mask-position-x: -10px;
+	mask-position-y: 90%;
+}
+
+body::after {
+	content: none;
+	mask-size: 100%;
+	width: 100%;
+	height: 100vw;
+	mask-position-x: 0;
+	mask-position-y: bottom;
+}
+
+main {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+	width: auto;
+}
+
+summary::marker {
+	content: none;
+}
+
+/* Mobile view */
+@media screen and (max-width: 920px) {
+	body > nav {
+		position: initial;
+		width: 100%;
+	}
+
+	main {
+		padding: 1rem;
+	}
+
+	main > section {
+		flex-direction: column;
+	}
+
+	main > section {
+		width: initial;
+	}
+
+	article {
+		max-width: initial;
+		width: auto;
+	}
+
+	body > nav::before {
+		content: none;
+	}
+
+	body > nav {
+		flex-direction: row;
+		top: 0;
+		border-right: 0;
+		width: 100%;
+
+		& details {
+			height: fit-content;
+		}
+
+		& details {
+			width: 100%;
+		}
+	}
+	body::after {
+		content: "";
+	}
+}
+
+@media screen and (max-width: 400px) {
+	article {
+		padding: 1rem !important;
+	}
+
+	body > nav {
+		flex-direction: column;
+		justify-content: start;
+
+		& details[open] {
+			width: 100%;
+		}
+	}
+}

_src/assets/css/reset.css

@@ -0,0 +1,92 @@
+/* https://piccalil.li/blog/a-more-modern-css-reset/ A (more) Modern CSS Reset by Andy Bell */
+
+/* Box sizing rules */
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+/* Prevent font size inflation */
+html {
+    -moz-text-size-adjust: none;
+    -webkit-text-size-adjust: none;
+    text-size-adjust: none;
+}
+
+/* Remove default margin in favour of better control in authored CSS */
+body,
+h1,
+h2,
+h3,
+h4,
+p,
+figure,
+blockquote,
+dl,
+dd {
+    margin-block-end: 0;
+    margin-block-start: 0;
+}
+
+/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
+ul[role='list'],
+ol[role='list'] {
+    list-style: none;
+}
+
+/* Set core body defaults */
+body {
+    min-height: 100vh;
+    line-height: 1.5;
+}
+
+/* Set shorter line heights on headings and interactive elements */
+h1,
+h2,
+h3,
+h4,
+button,
+input,
+label {
+    line-height: 1.1;
+}
+
+/* Balance text wrapping on headings */
+h1,
+h2,
+h3,
+h4 {
+    text-wrap: balance;
+}
+
+/* A elements that don't have a class get default styles */
+a:not([class]) {
+    text-decoration-skip-ink: auto;
+    color: currentColor;
+}
+
+/* Make images easier to work with */
+img,
+picture {
+    max-width: 100%;
+}
+
+/* Inherit fonts for inputs and buttons */
+input,
+button,
+textarea,
+select {
+    font-family: inherit;
+    font-size: inherit;
+}
+
+/* Make sure textareas without a rows attribute are not tiny */
+textarea:not([rows]) {
+    min-height: 10em;
+}
+
+/* Anything that has been anchored to should have extra scroll margin */
+:target {
+    scroll-margin-block: 5ex;
+}

_src/assets/css/variables.css

@@ -0,0 +1,52 @@
+:root {
+    --primary: rgb(255, 190, 0);
+    --secondary: rgb(255, 100, 0);
+    --primary-100: color-mix(in lch, var(--primary), white 90%);
+    --primary-200: color-mix(in lch, var(--primary), white 80%);
+    --primary-300: color-mix(in lch, var(--primary), white 70%);
+    --primary-400: color-mix(in lch, var(--primary), white 60%);
+    --primary-500: color-mix(in lch, var(--primary), white);
+    --primary-600: color-mix(in lch, var(--primary), white 40%);
+    --primary-700: color-mix(in lch, var(--primary), white 30%);
+    --primary-800: color-mix(in lch, var(--primary), white 20%);
+    --primary-900: color-mix(in lch, var(--primary), white 10%);
+    --primary-dark-100: color-mix(in lch, var(--primary), black 90%);
+    --primary-dark-200: color-mix(in lch, var(--primary), black 80%);
+    --primary-dark-300: color-mix(in lch, var(--primary), black 70%);
+    --primary-dark-400: color-mix(in lch, var(--primary), black 60%);
+    --primary-dark-500: color-mix(in lch, var(--primary), black);
+    --primary-dark-600: color-mix(in lch, var(--primary), black 40%);
+    --primary-dark-700: color-mix(in lch, var(--primary), black 30%);
+    --primary-dark-800: color-mix(in lch, var(--primary), black 20%);
+    --primary-dark-900: color-mix(in lch, var(--primary), black 10%);
+    --secondary-light-100: color-mix(in lch, var(--secondary), white 90%);
+    --secondary-light-200: color-mix(in lch, var(--secondary), white 80%);
+    --secondary-light-300: color-mix(in lch, var(--secondary), white 70%);
+    --secondary-light-400: color-mix(in lch, var(--secondary), white 60%);
+    --secondary-light-500: color-mix(in lch, var(--secondary), white);
+    --secondary-light-600: color-mix(in lch, var(--secondary), white 40%);
+    --secondary-light-700: color-mix(in lch, var(--secondary), white 30%);
+    --secondary-light-800: color-mix(in lch, var(--secondary), white 20%);
+    --secondary-light-900: color-mix(in lch, var(--secondary), white 10%);
+    --secondary-100: color-mix(in lch, var(--secondary), black 90%);
+    --secondary-200: color-mix(in lch, var(--secondary), black 80%);
+    --secondary-300: color-mix(in lch, var(--secondary), black 70%);
+    --secondary-400: color-mix(in lch, var(--secondary), black 60%);
+    --secondary-500: color-mix(in lch, var(--secondary), black);
+    --secondary-600: color-mix(in lch, var(--secondary), black 40%);
+    --secondary-700: color-mix(in lch, var(--secondary), black 30%);
+    --secondary-800: color-mix(in lch, var(--secondary), black 20%);
+    --secondary-900: color-mix(in lch, var(--secondary), black 10%);
+    --trans: 300ms;
+    --round: 16px;
+    --paw: url("/assets/img/theme/cherry/pawprint.svg");
+}
+@font-face {
+    font-family: Rubik;
+    src: url("/assets/fonts/Rubik.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: Urbanist;
+    src: url("/assets/fonts/Urbanist-Bold.ttf") format("truetype");
+}

_src/assets/img/art/sundae_backdrop.svg

@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="327.71152"
+   height="355.21045"
+   viewBox="0 0 86.707003 93.982762"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1"
+     transform="translate(-9.5631642,-6.4544547)">
+    <g
+       id="g20166">
+      <path
+         style="fill:#ff7900;fill-opacity:1;stroke-width:1.53865;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="M 91.159466,63.590272 C 67.378264,73.249614 70.173344,52.049691 52.135011,49.480786 77.857246,43.560405 87.0958,51.636686 91.159466,63.590272 Z M 76.979355,84.581194 C 77.062961,58.913286 58.438947,69.420204 49.32207,53.644803 53.431725,79.717682 64.372918,85.273535 76.979355,84.581194 Z"
+         id="path7463-6-1-5-2-5-6"
+         transform="rotate(55.959581,70.384236,43.761182)"
+         class="UnoptimicedTransforms" />
+      <path
+         style="display:inline;fill:#ff9a00;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m -4.2961694,71.343177 c -2.6861863,5.497186 -3.3752033,10.703868 -2.6108893,15.059087 1.7253238,10.528932 13.8142417,13.924266 21.6833467,9.53197 3.913063,-2.279937 6.852574,-6.342148 8.934288,-11.30977 C 32.324488,64.068969 26.251051,28.010878 13.69146,38.575747 7.54277,54.071726 1.8395982,58.976162 -4.2961694,71.343177 Z m 92.9860554,0 c 2.686187,5.497186 3.375204,10.703868 2.61089,15.059087 -1.725324,10.528932 -13.814242,13.924266 -21.683347,9.53197 -3.913063,-2.279937 -6.852574,-6.342148 -8.934288,-11.30977 -8.613912,-20.555495 -2.540475,-56.613586 10.019116,-46.048717 6.14869,15.495979 11.851862,20.400415 17.987629,32.76743 z"
+         id="path6899-4"
+         class="UnoptimicedTransforms"
+         transform="matrix(0.87766946,0,0,0.81609851,15.881773,20.616951)" />
+      <path
+         style="display:inline;fill:#ffad2f;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m -4.2961694,71.343177 c -2.6861863,5.497186 -3.3752033,10.703868 -2.6108893,15.059087 1.7253238,10.528932 13.8142417,13.924266 21.6833467,9.53197 3.913063,-2.279937 7.272049,-6.17383 8.934288,-11.30977 C 32.80776,56.516235 26.982633,16.577478 13.69146,38.575747 7.54277,54.071726 1.8395982,58.976162 -4.2961694,71.343177 Z m 105.8970894,0 c 2.68619,5.497186 3.3752,10.703868 2.61089,15.059087 -1.72533,10.528932 -13.814243,13.924266 -21.683348,9.53197 -3.913063,-2.279937 -7.272049,-6.17383 -8.934288,-11.30977 C 64.49699,56.516235 70.322117,16.577478 83.61329,38.575747 c 6.14869,15.495979 11.851862,20.400415 17.98763,32.76743 z"
+         id="path6899-4-8"
+         class="UnoptimicedTransforms"
+         transform="matrix(0.6906921,0,0,0.66374407,19.312856,33.192364)" />
+      <g
+         id="g13480"
+         transform="rotate(20.987925,64.335078,43.048572)"
+         style="display:inline;fill:#ff8900;fill-opacity:1"
+         class="UnoptimicedTransforms">
+        <path
+           d="M -3.6638996,74.465625 C 27.71595,79.114312 13.878251,51.055021 32.674623,41.012069 1.6870804,41.768793 14.300238,55.600215 -3.6638996,74.465625 Z M 78.151723,69.173852 C 47.632171,77.826146 57.739989,48.218077 37.806498,40.680143 68.633335,37.43876 57.907028,52.779761 78.151723,69.173852 Z"
+           style="fill:#ff7900;fill-opacity:1;stroke-width:1.53865;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           id="path92732"
+           class="UnoptimicedTransforms"
+           transform="rotate(-17.287232,13.597382,-5.3561787)" />
+      </g>
+      <path
+         id="circle7010"
+         style="display:inline;fill:#fec65f;stroke-width:1.83563;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         class="UnoptimicedTransforms"
+         transform="matrix(1,0,0,0.75017669,0.37043699,7.0673092)"
+         d="m 52.546875,26.630859 c 0,0 -19.266051,-2.971365 -23.673828,31.992188 -1.819818,14.435238 9.107772,20.892672 23.673828,21 14.566056,-0.107328 25.493646,-6.564762 23.673828,-21 C 71.812926,23.659494 52.546875,26.630859 52.546875,26.630859 Z" />
+      <path
+         id="path13409"
+         style="fill:#ffad2f;fill-opacity:1;stroke-width:1.69169;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m 40.32011,63.237024 c -4.887166,0.02121 -8.891642,-3.072003 -9.779797,-7.505635 -0.644343,-3.216534 0.185963,-6.788298 2.243877,-8.604651 4.057581,-3.581296 10.649613,-4.104347 13.546295,0.459191 1.599032,2.519172 2.566325,5.688099 2.043485,8.475753 -0.831462,4.433149 -3.738679,7.156613 -8.05386,7.175342 z" />
+      <path
+         id="path12331"
+         style="display:inline;fill:#fec65f;fill-opacity:1;stroke-width:2.82312;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m 45.132812,76.351562 c -0.20071,1.276153 -1.3707,3.134831 -5.996093,4.623047 -7.833069,2.520283 -15.003321,10.325727 -15.080078,15.414063 10e-5,5.215638 12.552008,9.443238 28.490234,9.443358 15.938226,-1.2e-4 28.488181,-4.22772 28.488281,-9.443358 -0.07676,-5.088336 -7.245056,-12.89378 -15.078125,-15.414063 -4.625393,-1.488216 -5.797336,-3.346893 -5.998047,-4.623047 0,0 -6.344,-0.128908 -7.412109,0 -1.068109,-0.128908 -7.414062,0 -7.414063,0 z"
+         class="UnoptimicedTransforms"
+         transform="translate(0.37043699,-10.059985)" />
+      <path
+         style="fill:#fed98c;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m 52.538545,86.257275 c -2.094355,0.691279 -16.633088,2.363653 -16.633088,2.363653 -0.435038,2.444124 7.220916,9.101325 16.584455,11.952772 9.382954,-2.786897 17.084572,-9.391216 16.666376,-11.838278 0,0 -14.526872,-1.772457 -16.616416,-2.478142"
+         id="path12720-7"
+         transform="matrix(0.99999406,-0.00318879,0.00344333,0.92607061,0.08075857,1.7425461)"
+         class="UnoptimicedTransforms" />
+      <path
+         style="fill:#fed98c;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m 48.454628,83.548655 -8.112979,-0.467282 c -1.168909,-0.06732 -0.02607,3.503239 -0.02607,3.503239 l -5.308134,0.04068 c 0.08134,7.621599 11.861218,6.871067 16.479301,7.505667 3.581424,-2.983756 13.971596,-8.584938 10.004695,-15.093325 l -4.524371,2.77633 c 0,0 -0.921275,-3.634036 -1.877199,-2.957952 l -6.634706,4.692489"
+         id="path12720"
+         class="UnoptimicedTransforms"
+         transform="matrix(1.1407728,0.36541932,-0.32683109,1.2754613,24.946912,-50.18275)" />
+      <g
+         id="g13473"
+         transform="translate(0.37043699,-9.0016513)">
+        <g
+           id="g92816">
+          <path
+             style="fill:#ff7900;fill-opacity:1;stroke-width:0.572625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+             d="m 71.437471,20.438898 c -8.450265,-0.980963 -6.535762,5.735163 -12.383317,5.935799 8.39132,3.948034 11.74596,-2.071007 12.383317,-5.935799 z"
+             id="path7463-6-6" />
+          <path
+             d="M -4.1646198,14.763395 C -11.986731,7.4571333 -12.710293,2.5995675 -12.472979,-3.88295 c -2.854772,2.4214376 -5.45214,-0.2470109 -6.864526,1.6788139 -7.279121,9.9252648 3.544187,18.2625271 15.1728852,16.9675311 z M 34.31814,15.572044 c 8.122128,-6.9712203 9.049108,-11.7941028 9.084322,-18.2808671 2.750532,2.53922348 5.457703,-0.017759 6.787943,1.96569727 C 57.04616,9.4791592 45.882174,17.354397 34.31814,15.572044 Z"
+             style="fill:#ff7900;fill-opacity:1;stroke-width:1.53865;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+             id="path91822"
+             class="UnoptimicedTransforms"
+             transform="matrix(0.84698155,-0.01636939,0.01779787,0.92089343,39.506539,62.889045)" />
+        </g>
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:0.572625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="m 60.270009,15.456106 c 6.545508,5.433745 0.366174,8.687588 4.259618,13.055109 -8.650586,-3.341943 -6.614454,-9.925 -4.259618,-13.055109 z"
+           id="path7463-6-6-8" />
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:1.95642;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="M 13.362608,50.174884 C 36.073855,57.495078 41.351167,30.991601 58.478827,32.692418 40.699192,14.045351 21.397415,35.65758 13.362608,50.174884 Z"
+           id="path7463" />
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:2.20445;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="M 21.759319,28.757914 C 43.099325,52.601894 57.742246,30.852936 75.147311,45.139057 62.876122,13.975262 35.182861,20.641368 21.759319,28.757914 Z"
+           id="path7463-6" />
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:2.01407;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="M 88.689283,56.448215 C 60.762528,63.415486 59.366473,39.454837 38.995307,41.244974 63.190379,24.076258 81.898521,43.398114 88.689283,56.448215 Z"
+           id="path7463-6-1" />
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:1.84001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="M 21.759319,56.297424 C 53.078421,64.919155 62.298009,45.385079 66.929705,45.64891 42.317042,28.890078 26.7619,45.043087 21.759319,56.297424 Z"
+           id="path7463-6-1-0" />
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:1.63893;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="M 87.171758,46.173043 C 61.19298,48.779418 64.9528,31.098623 46.687652,30.587705 71.511616,20.172901 83.922841,36.003726 87.171758,46.173043 Z"
+           id="path7463-6-1-5" />
+      </g>
+      <path
+         class="UnoptimicedTransforms"
+         id="path11410-7"
+         d="m 52.916663,70.268577 c 0,0 -0.438651,-0.363811 -0.945632,-0.797192 -0.450517,-0.385114 -0.954992,-0.825165 -1.253564,-1.113677 -2.997109,-2.905581 0.944251,-5.045279 2.199196,-2.363699 m -8.9e-5,4.274568 c 0,0 0.438657,-0.363803 0.945645,-0.797176 0.450524,-0.385106 0.955006,-0.825148 1.253583,-1.113655 2.997159,-2.90553 -0.944164,-5.045296 -2.199155,-2.363737"
+         style="fill:#ff7900;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         transform="matrix(-0.75034457,0,0,0.74951103,92.622391,7.9159323)" />
+      <path
+         style="fill:none;fill-opacity:1;stroke:#b25400;stroke-width:1.796;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;stroke-opacity:1;paint-order:stroke markers fill"
+         d="m 33.285316,52.366414 c 1.517969,1.192019 3.361884,1.964668 5.276181,2.210858 2.106745,0.27094 4.291692,-0.09968 6.19125,-1.050187 m 27.266102,-1.160671 c -1.51797,1.192019 -3.361885,1.964668 -5.276181,2.210858 -2.106746,0.27094 -4.291692,-0.09968 -6.19125,-1.050187"
+         id="path108017"
+         class="UnoptimicedTransforms"
+         transform="translate(0.26458333,0.89812659)" />
+    </g>
+  </g>
+</svg>