This commit is contained in:
sundae 2026-03-06 11:03:17 +02:00
commit 4972cbe693
Signed by: sundae
SSH key fingerprint: SHA256:MsJkKuo4PUdjQDpLeaURy81drKkW14exlTHp+8QFu6M
40 changed files with 499 additions and 286 deletions

View file

@ -2,116 +2,122 @@
"items": [
{
"alt": "Beeps' website",
"button": "/assets/img/button/beeps.gif",
"button": "beeps.gif",
"name": "beeps",
"src": "https://beeps.website/"
},
{
"alt": "BraixDragon's linktree",
"button": "/assets/img/button/braixdragon-cat1.gif",
"button": "braixdragon-cat1.gif",
"id": "meow",
"name": ":3",
"src": "https://linktr.ee/BraixDragon"
},
{
"alt": "cabl's website",
"button": "/assets/img/button/cabl.gif",
"button": "cabl.gif",
"name": "cabl",
"src": "https://cabl.rodeo/"
},
{
"alt": "catshaped's website",
"button": "/assets/img/button/catshaped.gif",
"button": "catshaped.gif",
"name": "catshaped",
"src": "https://catshaped.neocities.org/"
},
{
"alt": "Drakonic's website",
"button": "/assets/img/button/drakonic.gif",
"button": "drakonic.gif",
"name": "DRAKONIC.ZONE",
"src": "https://drakonic.zone/"
},
{
"alt": "Em Essex's website",
"button": "/assets/img/button/msx.gif",
"button": "msx.gif",
"name": "MSX.HORSE",
"src": "https://heckscaper.com/"
},
{
"alt": "Kiophen's website",
"button": "/assets/img/button/kiophen.gif",
"button": "kiophen.gif",
"name": "kiophen",
"src": "https://mileshouse.neocities.org/"
},
{
"alt": "Keeri's website",
"button": "keeri_button-2024.gif",
"name": "keerifox",
"src": "https://keeri.place/"
},
{
"alt": "Lati's website",
"button": "/assets/img/button/creature0354.gif",
"button": "creature0354.gif",
"name": "lati!!!",
"src": "https://creature0354.neocities.org/"
},
{
"alt": "Marty's website",
"button": "/assets/img/button/marty.jpg",
"button": "marty.jpg",
"name": "marty's house",
"src": "https://martyshouse.neocities.org/"
},
{
"alt": "Betty bee's website",
"button": "/assets/img/button/mn8831.png",
"button": "mn8831.png",
"name": "the mice nest",
"src": "https://micenest.xyz/"
},
{
"alt": "Okesska's website",
"button": "/assets/img/button/okesska_8831_final2.gif",
"button": "okesska_8831_final2.gif",
"name": "kess!",
"src": "https://okesska.neocities.org/"
},
{
"alt": "Pebble's website",
"button": "/assets/img/button/pebble.gif",
"button": "pebble.gif",
"name": "pebble",
"src": "https://pebble.pet/"
},
{
"alt": "pinkderg's website",
"button": "/assets/img/button/pinkderg.gif",
"button": "pinkderg.gif",
"name": "pinkderg.art",
"src": "https://pinkderg.art/"
},
{
"alt": "Rowan's website",
"button": "/assets/img/button/rowan.gif",
"button": "rowan.gif",
"name": "owo",
"src": "https://rowans.blog"
},
{
"alt": "Snewberry's website",
"button": "/assets/img/button/snewberry.gif",
"button": "snewberry.gif",
"name": "Snewberry",
"src": "https://snewberry.neocities.org/"
},
{
"alt": "suspiciouslyBee's website",
"button": "/assets/img/button/suspiciouslybee.png",
"button": "suspiciouslybee.png",
"name": "bee on the internet",
"src": "https://bee.movie/"
},
{
"alt": "Swifty's website",
"button": "/assets/img/button/swiftyshq.gif",
"button": "swiftyshq.gif",
"name": "Swifty's HQ!",
"src": "https://swiftyshq.neocities.org/"
},
{
"alt": "Tequt's website",
"button": "/assets/img/button/tequt.gif",
"button": "tequt.gif",
"name": "tequt",
"src": "https://tequt.click/"
},
{
"alt": "Virtually Isolated's website",
"button": "/assets/img/button/virtuallyisolated.png",
"button": "virtuallyisolated.png",
"name": "virtually isolated",
"src": "https://virtually-isolated.neocities.org/"
}

View file

@ -1,20 +1,16 @@
{
"items": [
{
"button": "/assets/img/button/sunbun_d.gif",
"src": "/"
"button": "d.gif"
},
{
"button": "/assets/img/button/sunbun_c.gif",
"src": "/"
"button": "c.gif"
},
{
"button": "/assets/img/button/sunbun_b.gif",
"src": "/"
"button": "b.gif"
},
{
"button": "/assets/img/button/sunbun_a.gif",
"src": "/"
"button": "a.gif"
}
]
}

View file

@ -2,148 +2,148 @@
"items": [
{
"alt": "Creative Commons Attribution-NonCommercial-ShareAlike 4.0",
"button": "/assets/img/button/cc-by-nc-sa-4.0.gif",
"button": "cc-by-nc-sa-4.0.gif",
"name": "CC-BY-NC-SA 4.0",
"src": "https://creativecommons.org/licenses/by-nc-sa/4.0/"
},
{
"alt": "Arch Linux wiki home page",
"button": "/assets/img/button/arch-linux.png",
"button": "arch-linux.png",
"name": "Arch Linux",
"src": "https://wiki.archlinux.org/title/Main_page"
},
{
"alt": "Crouton",
"button": "/assets/img/button/crouton.png",
"button": "crouton.png",
"name": "Crouton",
"src": "https://crouton.net"
},
{
"alt": "Librewolf home page",
"button": "/assets/img/button/get-librewolf.gif",
"button": "get-librewolf.gif",
"name": "Delete Chrome! GET LIBREWOLF",
"src": "https://librewolf.net/"
},
{
"alt": "Usemumble on Neocities",
"button": "/assets/img/button/discord-no-way.gif",
"button": "discord-no-way.gif",
"name": "Discord? No way!",
"src": "https://usemumble.neocities.org/"
},
{
"alt": "Mozilla Developer Network home page",
"button": "/assets/img/button/firefox.gif",
"button": "firefox.gif",
"name": "tested on Firefox",
"src": "https://developer.mozilla.org/"
},
{
"alt": "a sped-up gif of a fox sniffing the viewer",
"button": "/assets/img/button/fox-nose.gif",
"button": "fox-nose.gif",
"id": "fox",
"name": "fox",
"src": "https://soundcloud.com/yeenimal/calling-you-nightcorefuchscore-edit"
},
{
"alt": "free media heck yeah home page",
"button": "/assets/img/button/piracy-now.gif",
"button": "piracy-now.gif",
"name": "Piracy now!",
"src": "https://fmhy.net/"
},
{
"alt": "Flashpoint archive home page",
"button": "/assets/img/button/flashpoint.gif",
"button": "flashpoint.gif",
"name": "GET FLASHPOINT; WEB GAME ARCHIVE",
"src": "https://flashpointarchive.org/"
},
{
"alt": "Konqi on KDE.org wiki",
"button": "/assets/img/button/kde.gif",
"button": "kde.gif",
"name": "Konqi!",
"src": "https://community.kde.org/Konqi"
},
{
"alt": "Krita homepage",
"button": "/assets/img/button/yummy-cricket_krita.png",
"button": "yummy-cricket_krita.png",
"name": "Krita",
"src": "https://krita.org/"
},
{
"alt": "Lospec random palette page",
"button": "/assets/img/button/lospec.png",
"button": "lospec.png",
"name": "Random Lospec palette",
"src": "https://lospec.com/palette-list/random"
},
{
"alt": "Eleventy home page",
"button": "/assets/img/button/made_with_11ty.gif",
"button": "made_with_11ty.gif",
"name": "Made with 11ty",
"src": "https://11ty.dev"
},
{
"alt": "Visual Studio Codium Github repository",
"button": "/assets/img/button/vscodium.gif",
"button": "vscodium.gif",
"name": "Made with VSCodium",
"src": "https://github.com/VSCodium/vscodium"
},
{
"alt": "Matrix home page",
"button": "/assets/img/button/matrix.png",
"button": "matrix.png",
"name": "matrix",
"src": "https://matrix.org/"
},
{
"alt": "The mod archive home page",
"button": "/assets/img/button/modarchive.gif",
"button": "modarchive.gif",
"name": "MOD ARCHIVE",
"src": "https://modarchive.org/"
},
{
"alt": "YouTube video featuring Bob from Animal Crossing",
"button": "/assets/img/button/no-ones-around-to-help.gif",
"button": "no-ones-around-to-help.gif",
"id": "bob",
"name": "No one's around to help.",
"src": "https://youtube.com/watch?v=yD2FSwTy2lw"
},
{
"alt": "Linux fox designed by Alan Mackey",
"button": "/assets/img/button/powered-by-linux.png",
"button": "powered-by-linux.png",
"name": "Powered by Linux",
"src": "https://web.archive.org/web/19970517213342/www.early.com/~emackey/linux/"
},
{
"alt": "Pngquant home page",
"button": "/assets/img/button/pngquant.gif",
"button": "pngquant.gif",
"name": "pngquant",
"src": "https://pngquant.org/"
},
{
"alt": "Youtube video of the secret piss baby in Half-Life 2",
"button": "/assets/img/button/piss-baby1.gif",
"button": "piss-baby1.gif",
"name": "secret piss baby",
"id": "piss",
"src": "https://www.youtube.com/watch?v=mIvLtq4_LgQ"
},
{
"alt": "Boodlebox on Neocities",
"button": "/assets/img/button/thiswebsitesucks.gif",
"button": "thiswebsitesucks.gif",
"name": "This Website SUCKS",
"src": "https://boodlebox.neocities.org/award2"
},
{
"alt": "Videolan home page",
"button": "/assets/img/button/vlc.png",
"button": "vlc.png",
"name": "VLC media player",
"src": "https://www.videolan.org/vlc/"
},
{
"alt": "World Wide Web Consortium HTML Validator page",
"button": "/assets/img/button/w3_validator.gif",
"button": "w3_validator.gif",
"name": "W3 Validator",
"src": "https://validator.w3.org/"
},
{
"alt": "Xenia (linux fox mascot) tribute page",
"button": "/assets/img/button/xenia.gif",
"button": "xenia.gif",
"name": "Linux now!",
"src": "https://xenia.efi.pages.gay/"
}

View file

@ -2,139 +2,139 @@
"items": [
{
"artist": "2 Mello",
"cover": "/assets/img/media/music/albums/2-mello_sounds-of-tokyo-to-future.png",
"cover": "2-mello_sounds-of-tokyo-to-future.png",
"src": "https://2mellomakes.bandcamp.com/album/sounds-of-tokyo-to-future",
"title": "Sounds of Tokyo-To Future"
},
{
"artist": "6no",
"cover": "/assets/img/media/music/albums/6no_final-6no.png",
"cover": "6no_final-6no.png",
"src": "https://b9-6no.bandcamp.com/album/final-6no",
"title": "FINAL 6NO"
},
{
"artist": "Baths",
"cover": "/assets/img/media/music/albums/baths_cerulean.png",
"cover": "baths_cerulean.png",
"src": "https://bathsmusic.bandcamp.com/album/cerulean",
"title": "Cerulean"
},
{
"artist": "Bôa",
"cover": "/assets/img/media/music/albums/boa_the-race-of-a-thousand-camels.png",
"cover": "boa_the-race-of-a-thousand-camels.png",
"src": "https://musicbrainz.org/release-group/2b81ce5f-7b48-3f75-a714-cbab421db712",
"title": "The Race of a Thousand Camels"
},
{
"artist": "Duran Duran",
"cover": "/assets/img/media/music/albums/duran-duran_1993.png",
"cover": "duran-duran_1993.png",
"src": "https://musicbrainz.org/release-group/faedc66c-59ae-36ee-a89d-9dda4a9ea393",
"title": "The Wedding Album"
},
{
"artist": "Everything Everything",
"cover": "/assets/img/media/music/albums/everything-everything_man-alive.png",
"cover": "everything-everything_man-alive.png",
"src": "https://musicbrainz.org/release-group/053c59e7-2277-4187-ae85-3294923dc9ab",
"title": "Man Alive"
},
{
"artist": "Funk Fiction",
"cover": "/assets/img/media/music/albums/funk-fiction_sonic-beats.png",
"cover": "funk-fiction_sonic-beats.png",
"src": "https://funkfiction.bandcamp.com/album/sonic-beats",
"title": "Sonic BeATS"
},
{
"artist": "goreshit",
"cover": "/assets/img/media/music/albums/goreshit_gnb.png",
"cover": "goreshit_gnb.png",
"src": "https://goreshit.bandcamp.com/album/gnb",
"title": "gnb"
},
{
"artist": "goreshit",
"cover": "/assets/img/media/music/albums/goreshit_goretrance-9.png",
"cover": "goreshit_goretrance-9.png",
"src": "https://goreshit.bandcamp.com/album/goretrance-9",
"title": "goretrance 9"
},
{
"artist": "goreshit",
"cover": "/assets/img/media/music/albums/goreshit_stankface.png",
"cover": "goreshit_stankface.png",
"src": "https://goreshit.bandcamp.com/album/stankface",
"title": "stankface"
},
{
"artist": "Kaito",
"cover": "/assets/img/media/music/albums/kaito_a-hundred-million-light-years.png",
"cover": "kaito_a-hundred-million-light-years.png",
"src": "https://kaitokompakt.bandcamp.com/album/a-hundred-million-light-years",
"title": "A Hundred Million Light Years"
},
{
"artist": "Lifeformed & Janice Kwan",
"cover": "/assets/img/media/music/albums/tunic.png",
"cover": "tunic.png",
"src": "https://lifeformed.bandcamp.com/album/tunic-original-game-soundtrack",
"title": "TUNIC"
},
{
"artist": "Linkin Park",
"cover": "/assets/img/media/music/albums/linkin-park_hybrid-theory.png",
"cover": "linkin-park_hybrid-theory.png",
"src": "https://musicbrainz.org/release-group/b5b4bb4b-8ba5-3acf-88cb-4cae2699d8da",
"title": "Hybrid Theory"
},
{
"artist": "Linkin Park",
"cover": "/assets/img/media/music/albums/linkin-park_meteora.png",
"cover": "linkin-park_meteora.png",
"src": "https://musicbrainz.org/release-group/09474d62-17dd-3a4f-98fb-04c65f38a479",
"title": "Meteora"
},
{
"artist": "Madeon",
"cover": "/assets/img/media/music/albums/madeon_adventure.png",
"cover": "madeon_adventure.png",
"src": "https://musicbrainz.org/release-group/5613f475-9235-49cd-bcfb-d69c196d91a7",
"title": "Adventure"
},
{
"artist": "Pendulum",
"cover": "/assets/img/media/music/albums/pendulum_hold-your-colour.png",
"cover": "pendulum_hold-your-colour.png",
"src": "https://musicbrainz.org/release-group/8ec197ee-a888-32d7-acb5-0fac3e95e263",
"title": "Hold your Colour"
},
{
"artist": "Pendulum",
"cover": "/assets/img/media/music/albums/pendulum_immersion.png",
"cover": "pendulum_immersion.png",
"src": "https://musicbrainz.org/release-group/320df089-f656-433d-add7-605d06800852",
"title": "Immersion"
},
{
"artist": "Pete Rock",
"cover": "/assets/img/media/music/albums/pete-rock_petestrumentals.png",
"cover": "pete-rock_petestrumentals.png",
"src": "https://peterock.bandcamp.com/album/petestrumentals",
"title": "Petestrumentals"
},
{
"artist": "Redeyes",
"cover": "/assets/img/media/music/albums/redeyes_poetry-in-motion.png",
"cover": "redeyes_poetry-in-motion.png",
"src": "https://spearheadrecords.bandcamp.com/album/poetry-in-motion",
"title": "Poetry in Motion"
},
{
"artist": "T.H.C.",
"cover": "/assets/img/media/music/albums/thc_adagio.png",
"cover": "thc_adagio.png",
"src": "https://georgesarah.bandcamp.com/album/t-h-c-adagio",
"title": "Adagio"
},
{
"artist": "Vince Kaichan",
"cover": "/assets/img/media/music/albums/vince-kaichan_tracker-works.png",
"cover": "vince-kaichan_tracker-works.png",
"src": "https://vincekaichan.bandcamp.com/album/tracker-works-2014-2018",
"title": "Tracker Works 2014-2018"
},
{
"artist": "Various artists",
"cover": "/assets/img/media/music/albums/jet-set-radio-future.png",
"cover": "jet-set-radio-future.png",
"src": "https://jetsetradiofuture.live/",
"title": "Jet Set Radio Future"
},
{
"artist": "Various artists",
"cover": "/assets/img/media/music/albums/lethal-league-blaze.png",
"cover": "lethal-league-blaze.png",
"src": "https://store.steampowered.com/app/991870/Lethal_League_Blaze__Soundtrack/",
"title": "Lethal League Blaze"
}

View file

@ -1,132 +1,132 @@
{
"items": [
{
"cover": "/assets/img/media/games/ac_nl.png",
"cover": "ac_nl.png",
"src": "https://tane.us/ac/nl.html",
"title": "Animal Crossing: New Leaf"
},
{
"cover": "/assets/img/media/games/b_p.png",
"cover": "b_p.png",
"src": "https://youtube.com/watch?v=p3TYriU2-jo",
"title": "Burnout Paradise"
},
{
"cover": "/assets/img/media/games/cs.png",
"cover": "cs.png",
"src": "https://cavestory.org/game-info/game-releases.php",
"title": "Cave Story"
},
{
"cover": "/assets/img/media/games/gta_sa.png",
"cover": "gta_sa.png",
"src": "https://youtube.com/watch?v=fNCtWaGMW4w",
"title": "Grand Theft Auto: San Andreas"
},
{
"cover": "/assets/img/media/games/gta_vc.png",
"cover": "gta_vc.png",
"src": "https://youtube.com/watch?v=XXHhh4JIby0",
"title": "Grand Theft Auto: Vice City"
},
{
"cover": "/assets/img/media/games/hl1.png",
"cover": "hl1.png",
"src": "https://bullsquid.com/",
"title": "Half-Life"
},
{
"cover": "/assets/img/media/games/hl2.png",
"cover": "hl2.png",
"src": "https://www.youtube.com/watch?v=nq5EnEa7Mg8",
"title": "Half-Life 2"
},
{
"cover": "/assets/img/media/games/halo_mcc.png",
"cover": "halo_mcc.png",
"src": "https://www.youtube.com/watch?v=ePLDO68lcA4",
"title": "Halo: The Master Chief Collection"
},
{
"cover": "/assets/img/media/games/jc2.png",
"cover": "jc2.png",
"src": "https://youtube.com/watch?v=PIVW0vPa4_o",
"title": "Just Cause 2"
},
{
"cover": "/assets/img/media/games/klonoa_dtp.png",
"cover": "klonoa_dtp.png",
"src": "https://youtube.com/watch?v=mGI-tc0Hbl0",
"title": "Klonoa: Door to Phantomile"
},
{
"cover": "/assets/img/media/games/klonoa_lv.png",
"cover": "klonoa_lv.png",
"src": "https://youtube.com/watch?v=3Tknfc8In3Y",
"title": "Klonoa 2: Lunatea's Veil"
},
{
"cover": "/assets/img/media/games/lbp.png",
"cover": "lbp.png",
"src": "https://youtube.com/watch?v=LattfGKNr-E",
"title": "LittleBigPlanet"
},
{
"cover": "/assets/img/media/games/minecraft.png",
"cover": "minecraft.png",
"src": "https://prismlauncher.org/",
"title": "Minecraft"
},
{
"cover": "/assets/img/media/games/me.png",
"cover": "me.png",
"src": "https://youtube.com/watch?v=RfUwQsCzkgs",
"title": "Mirror's Edge"
},
{
"cover": "/assets/img/media/games/nfs_c.png",
"cover": "nfs_c.png",
"src": "https://youtube.com/watch?v=IOKWeLCirhI",
"title": "Need For Speed: Carbon"
},
{
"cover": "/assets/img/media/games/nfs_mw.png",
"cover": "nfs_mw.png",
"src": "https://youtube.com/watch?v=CcHHZKKS2MI",
"title": "Need For Speed: Most Wanted"
},
{
"cover": "/assets/img/media/games/nt.png",
"cover": "nt.png",
"src": "https://www.youtube.com/watch?v=KbpbzbE3sjg",
"title": "Nuclear Throne"
},
{
"cover": "/assets/img/media/games/ori.png",
"cover": "ori.png",
"src": "https://www.fangamer.com/products/ori-plush",
"title": "Ori and the Blind Forest"
},
{
"cover": "/assets/img/media/games/pkmn_ss.png",
"cover": "pkmn_ss.png",
"src": "https://youtube.com/watch?v=4ujh7lvcsRs",
"title": "Pokémon SoulSilver"
},
{
"cover": "/assets/img/media/games/rv.png",
"cover": "rv.png",
"src": "https://rvgl.org/",
"title": "Re-Volt"
},
{
"cover": "/assets/img/media/games/roblox.png",
"cover": "roblox.png",
"src": "https://www.youtube.com/watch?v=L5RPv1PWbvA",
"title": "Roblox"
},
{
"cover": "/assets/img/media/games/smt_iv.png",
"cover": "smt_iv.png",
"src": "https://www.youtube.com/playlist?list=OLAK5uy_lfKQUOnuXF83ukE0jQxjafpL3oYg35yJc",
"title": "Shin Megami Tensei IV"
},
{
"cover": "/assets/img/media/games/sm.png",
"cover": "sm.png",
"src": "https://www.youtube.com/watch?v=3UwnBdRYeSM",
"title": "StepMania"
},
{
"cover": "/assets/img/media/games/botw.png",
"cover": "botw.png",
"src": "https://youtube.com/watch?v=Vgev9Gzybk8",
"title": "The Legend of Zelda: Breath of the Wild"
},
{
"cover": "/assets/img/media/games/katamari_wl.png",
"cover": "katamari_wl.png",
"src": "https://youtube.com/watch?v=l6CkDxYzGME",
"title": "We Love Katamari"
},
{
"cover": "/assets/img/media/games/2kki.png",
"cover": "2kki.png",
"src": "https://ynoproject.net/2kki/",
"title": "Yume 2kki"
}

View file

@ -2,7 +2,7 @@
"items": [
{
"alt": "You Shou Yan",
"cover": "/assets/img/media/manga/you-shou-yan.png",
"cover": "you-shou-yan.png",
"src": "https://manga.bilibili.com/detail/mc29329",
"title": "有兽焉 (Fabulous Beasts)"
}

View file

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

View file

@ -1,4 +1,3 @@
{
"name": "sunny's bunspace",
"mastodon": "https://denden.world/@fossilisk"
"name": "sunny's bunspace"
}

View file

@ -77,20 +77,42 @@ theme: "M16 6a1 1 0 010 20Zm0-4a1 1 0 000 28A1 1 0 0016 2"
</li>
</ul>
<script src="/assets/js/theme.js"></script>
<script src="/assets/js/motion.js"></script>
</details>
<details open="">
<summary>
Outgoing
</summary>
<ul role="list">
{% for item in outgoing.items %}
{% for key, items in outgoing %}
{% for item in items %}
{% if key != "signal" %}
<li>
<a href="{{ item.src }}"><img src="{{ item.icon }}" alt="" aria-hidden="true">{{ item.title }}</a>
<a href="{{ item.src }}">
<img src="/assets/img/icon/{{ item.icon }}" alt="" aria-hidden="true">{{ key | capitalize }}
</a>
</li>
{% endif %}
{% endfor %}
{% if key == "signal" %}
<li>
<button command="show-modal" commandfor="{{ items[0].id }}">
<img src="/assets/img/icon/{{ items[0].icon }}" alt="" aria-hidden="true">{{ key | capitalize }}
</button>
</li>
{% endif %}
{% endfor %}
</ul>
<dialog id="signal">
<article>
{% for article in collections.articles %}
{% if article.fileSlug == 'what' %}
{{ article.content | safe }}
{% endif %}
{% endfor %}
</article>
</dialog>
</details>
<script src="/assets/js/what.js" type="module"></script>
<script src="/assets/js/details-save.js"></script>
</body>
</html>

View file

@ -1,4 +1,5 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="darkreader-lock">
<meta charset="utf-8">
<meta property="og:url" content="https://sunbun.neocities.org/">
<meta property="og:type" content="site">

Binary file not shown.

View file

@ -14,7 +14,7 @@
}
}
}
& figure {
& a figure {
border-width: 4px;
&:is(:not(a:hover *, a:focus *)) {
border-color: var(--light);
@ -36,7 +36,7 @@
display: flex;
height: 32px;
width: calc(100% + var(--pad-xl) * 2);
margin: -4rem 0 var(--pad-l) calc(var(--pad-xl) * -1);
margin: calc(var(--pad-xxl) * -1) 0 var(--pad-l) calc(var(--pad-xl) * -1);
background-image: var(--border), var(--lined), var(--noise);
background-size: 32px, 32px;
background-blend-mode: darken;

View file

@ -8,8 +8,7 @@ body > nav {
drop-shadow(0px -2px var(--citrus-dark));
color: var(--citrus-light);
}
& a,
button {
& li *:is(a ,button) {
background: var(--button-bg);
box-shadow: var(--button-shine);
border: var(--button-border);

View file

@ -58,7 +58,7 @@ article > .addendum {
article > .postscript {
margin: 0 0 auto auto;
padding: 2rem 0 4rem 0;
padding: var(--pad-xl) 0 var(--pad-xxl) 0;
&::after {
content: "";
position: absolute;

View file

@ -28,6 +28,7 @@ body {
font-size: 100%;
margin: 0;
padding: 0;
& a,
button {
cursor: pointer;
@ -38,19 +39,23 @@ body {
}
}
}
svg {
fill: currentColor;
stroke: currentColor;
stroke-width: 0;
}
header {
padding-top: var(--pad-xl);
padding-left: calc(var(--view) + var(--pad-xl));
& svg {
width: 2rem;
height: 2rem;
margin-right: var(--pad-m);
}
& h1 {
display: inline-flex;
}
@ -68,6 +73,7 @@ footer {
position: sticky;
inset-block: 100%;
text-align: center;
& span {
background-image: var(--transgender);
padding: 0 var(--pad-sm);
@ -92,7 +98,9 @@ details {
.header-anchor {
display: inline-block;
transition: color var(--trans), background-color var(--trans);
transition:
color var(--trans),
background-color var(--trans);
height: max-content;
padding: 0 var(--pad-m);
margin: 0 0 0 calc(var(--pad-xl) * -1);
@ -149,7 +157,9 @@ article {
word-break: break-word;
border-style: solid;
border-width: 2px;
transition: background-color var(--trans), border-color var(--trans);
transition:
background-color var(--trans),
border-color var(--trans);
}
& pre,
@ -167,14 +177,17 @@ article {
display: flex;
flex-direction: column;
}
& ul:not([role="list"]):is(#art *) {
padding: 0;
margin: 0 0 var(--pad-sm) var(--pad-xl);
}
& li:not([role] *, #changelog *) {
&::marker {
content: none;
}
&::before {
content: "";
width: 20px;
@ -186,6 +199,7 @@ article {
margin: 0 0 0 calc(var(--pad-xl) * -1);
}
}
& section {
& a:has(figure) {
height: max-content;
@ -216,9 +230,11 @@ article {
img[src*="/assets/img/flag/"] {
height: 32px;
border-radius: 2px;
&:first-child {
margin-left: var(--pad-m);
}
&:not(:last-child) {
margin-right: var(--pad-m);
}
@ -226,13 +242,77 @@ img[src*="/assets/img/flag/"] {
.link {
display: inline-flex;
& a {
margin-right: 4px;
}
& img {
position: relative;
vertical-align: sub;
margin: 0 4px;
margin: 0 var(--pad-sm);
}
}
article a:not(.link *, a:has(img)) {
display: inline-flex;
padding: 0 var(--pad-sm);
}
dialog button[commandfor] {
width: max-content;
padding: 0 var(--pad-sm);
margin: 0 auto;
}
dialog#signal {
cursor: default;
background: black;
border: none;
margin: 0 auto;
text-align: center;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
position: fixed;
padding: var(--pad-xl);
& article {
display: flex;
flex-direction: column;
justify-content: center;
border: 0;
padding: 0;
margin: 0 auto;
max-width: fit-content;
background: none;
word-wrap: break-word;
color: white;
& h1 {
font-size: 4rem;
}
& p {
font-size: 2rem;
}
& a {
margin: auto 0 0 auto;
}
& h1,
p,
a {
font-family: "Times New Roman", Times, serif;
}
& img {
border: 4px solid white;
padding: var(--pad-sm);
max-width: 100%;
max-height: 250px;
}
}
}
@ -240,10 +320,12 @@ img[src*="/assets/img/flag/"] {
body::after {
content: "";
}
footer {
width: 100%;
margin: 0;
}
header {
padding-left: 0;
padding-top: var(--pad-m);

View file

@ -37,6 +37,7 @@
font-size: 1.4rem;
display: flex;
align-items: baseline;
text-decoration-style: none;
}
& .count {
margin: auto 0 0 auto;
@ -48,7 +49,10 @@
display: flex;
flex-direction: column;
width: fit-content;
h3 {
& p {
max-width: var(--post);
}
& h3 {
display: flex;
gap: var(--pad-sm);
}
@ -77,6 +81,9 @@
}
}
@media screen and (max-width: 920px) {
#art p {
max-width: auto;
}
#art a:has(img) {
width: auto;
}

View file

@ -69,8 +69,7 @@ body > nav {
font-size: 1.4rem;
}
& a,
button {
& li *:is(a ,button) {
display: flex;
font-size: 1.125rem;
width: 100%;
@ -86,8 +85,7 @@ body {
border-right-width: 1px;
border-right-style: solid;
& a,
button {
& li *:is(a ,button) {
align-items: center;
border-style: solid;
border-width: 2px;
@ -118,7 +116,7 @@ body {
overflow: initial;
flex-direction: row;
justify-content: start;
& a, button {
& li *:is(a ,button) {
line-height: initial;
}
& details {

View file

@ -69,7 +69,7 @@
/* default.css */
body {
background-color: var(--secondary-100);
& :is(a, button):not(span *, .postscript *),
& :is(a, button):not(span *, .postscript *, dialog *),
span:has(a) {
color: var(--secondary-light-400);
border-color: var(--secondary-600);

View file

@ -69,7 +69,7 @@
/* default.css */
body {
background-color: var(--primary-100);
& :is(a, button):not(span *, .postscript *),
& :is(a, button):not(span *, .postscript *, dialog *),
span:has(a) {
color: var(--primary-dark-400);
border-color: var(--primary-600);

View file

@ -43,6 +43,7 @@
--image: 24rem;
--post: 75ch;
--round: 16px;
--pad-xxl: 4rem;
--pad-xl: 2rem;
--pad-lm: 1.4rem;
--pad-l: 1rem;
@ -128,18 +129,12 @@
src: url("/assets/fonts/Urbanist-Bold.ttf") format("truetype");
}
@font-face {
font-family: Pangolin;
src: url("/assets/fonts/Pangolin-Regular.ttf") format("truetype");
}
@font-face {
font-family: Terminess;
src: url("/assets/fonts/TerminessNerdFont-Regular.ttf") format("truetype");
}
@font-face {
font-family: Nosey Rodent;
src: url("/assets/fonts/noseyrodent.ttf") format("truetype");
src: url("/assets/fonts/noseyrodent-Regular.ttf") format("truetype");
}
@font-face {
font-family: Impact;
src: url("/assets/fonts/Impact-Regular.ttf") format("truetype");
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 938 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 230 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg"
aria-label="Signal" role="img"
viewBox="0 0 512 512"><path
d="m0 0H512V512H0"
fill="#3b45fd"/><path d="M256 100A156 156 0 00124 339l-15 64 64-15a156 156 0 1083-288z" fill="#fff"/><path fill="none" stroke-dasharray="54.5,17" stroke="#fff" stroke-width="18" d="M403 147A183 183 0 0097 346l-18 76c0 3 0 6 3 8a9 9 0 008 3l76-18A183 183 0 00402 146M79 422c0 3 0 6 3 8a9 9 0 008 3"/></svg>

After

Width:  |  Height:  |  Size: 423 B

View file

@ -1,2 +1,2 @@
/* this is for neocities. if you self-host, there's no need to use this hack */
export const audioPath = "https://bunsin.space/forgejo/sundae/website/raw/branch/main/_src/assets/audio/";
export const audioPath = "/assets/audio/";

32
_src/assets/js/what.js Normal file
View file

@ -0,0 +1,32 @@
import { audioPath } from "./path.js";
let what = document.querySelector('[commandfor="signal"]');
let guardian = document.createElement("audio");
let dialog = document.getElementById("signal");
let funny = document.getElementById("funny");
let invis;
guardian.src = `${audioPath}sanctuary_guardian.ogg`;
guardian.preload = "";
what.appendChild(guardian);
function codzombies(mutations) {
if (dialog.open) {
guardian.play();
if (funny) {
funny.style.opacity = 0;
invis = setTimeout(() => {
funny.style.opacity = 1;
}, 2200);
}
} else {
guardian.pause();
guardian.currentTime = 0;
clearTimeout(invis);
}
}
const observer = new MutationObserver(codzombies);
observer.observe(dialog, {
attributes: true,
});

View file

@ -0,0 +1,10 @@
---
images:
- src: /assets/img/art/sundae_aesthetics.png
alt: Sundae standing in a sunny grassy field, with sketched clouds and a rainbow.
date: 2025-12-02
programs:
- name: Krita
src: https://krita.org/
---
Doodle of the bun that I started coloring and shading in for fun.

View file

@ -0,0 +1,17 @@
---
images:
- src: /assets/img/art/sundae_bunbee.png
alt: Full body portrait of Sundae as a three-way hybrid between a bunny, bee and qilin.
date: 2026-03-02
- src: /assets/img/art/sundae_bunbee-old.png
alt: Older version, flat colors and a solid color background. His head is further back, neck fluff is spiky and his lop ears are bigger.
date: 2026-02-18
programs:
- name: Krita
src: https://krita.org/
---
Rawr! Really happy with this one!!
For shading, I used the "gradient watercolor" brush from {{"Missooni's Brush Pack V2"|link:"https://ko-fi.com/s/ce1dd3dabb"}}, and Krita's Halftone filter for the background.
It took me maybe 6 hours in total with the help of a few references, but I try not to spend much time in one sitting on the computer nowadays for health reasons.

View file

@ -0,0 +1,4 @@
<img src="/assets/img/art/sundae_refsheet-new-unfinished.png" alt="">
<h1>hey</h1>
<p id="funny">at least ask me on my other socials first</p>
<button commandfor="signal" command="close">Close</button>

View file

@ -33,9 +33,9 @@ Actually, it had been mostly finished for a while (since July 1st), but I hit a
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"|link:"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"|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.
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?

View file

@ -29,4 +29,4 @@ Overhauled the old theme
- Basically, rich embeds for when you link my website on other platforms. Should make it look a bit less ugly
- Attribution:
- Font
- {{"Nosey Rodent"|link:"https://pal-m.micenest.xyz/nro/"}} (CC-BY-NC, I think?)
- {{"Nosey Rodent"|link:"https://micenest.xyz/nro/"}} (CC-BY-NC-4.0)

View file

@ -0,0 +1,9 @@
## {{page.fileSlug|readable}}
- Updated to {{"Eleventy v3.1.2"|link:"https://github.com/11ty/eleventy/releases/tag/v3.1.2"}}
- Should hopefully be able to be compiled without throwing errors now.
- Updated [Gallery](/gallery)
- Added max width for `article` text
- Previously, it extended to the width of `article`, making it hard to read on wider screens
- Removed redundancies in `json` objects and arrays
- Removed old fonts

View file

@ -2,7 +2,7 @@
<head>
<title>{{site.name}}{% if title %} - {{title}}{% endif %}</title>
{% include "meta.njk" %}
<link rel="icon" href="/assets/img/icon/sundae.png">
<link rel="icon" href="/assets/img/icon/sundae.png" />
<link rel="stylesheet" href="/assets/css/reset.css" />
<link rel="stylesheet" href="/assets/css/default/index.css" />
</head>
@ -10,13 +10,19 @@
<header>
<h1>
<a href="/home">
<img src="/assets/img/theme/citrus/enter.png" alt="Link to home page" />
<img
src="/assets/img/theme/citrus/enter.png"
alt="Link to home page"
/>
</a>
</h1>
</header>
<main>
<a rel="me" href="{{site.mastodon}}" style="display: none">Mastodon</a>
<a rel="me" href="{{outgoing.mastodon[0].src}}" style="display: none"
>Mastodon</a
>
</main>
<footer>
<p>
This site eats cookies for breakfast.
@ -24,7 +30,7 @@
<i>*nom nom nom*</i>
<br />
<sub>(only used for simple interactivity)</sub>
<br>Best viewed with an up-to-date browser!
<br />Best viewed with an up-to-date browser!
</p>
</footer>
</body>

View file

@ -18,7 +18,7 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
{%for item in media-games.items%}
<li>
<a href="{{item.src}}">
<span><img src="{{item.cover}}" alt="Game icon for {{item.title}}"/></span><span>{{item.title}}</span>
<span><img src="/assets/img/media/games/{{item.cover}}" alt="Game icon for {{item.title}}"/></span><span>{{item.title}}</span>
</a>
</li>
{%endfor%}
@ -32,7 +32,7 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
{%for item in media-albums.items%}
<li>
<a href="{{item.src}}">
<span><img src="{{item.cover}}" alt="Album art cover for {{item.title}}"/></span><span>{{item.artist}} - {{item.title}}</span>
<span><img src="/assets/img/media/music/albums/{{item.cover}}" alt="Album art cover for {{item.title}}"/></span><span>{{item.artist}} - {{item.title}}</span>
</a>
</li>
{%endfor%}
@ -60,7 +60,7 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
{%for item in media-manga.items%}
<li>
<a href="{{item.src}}">
<span><img src="{{item.cover}}" alt="Manga art cover for {{item.alt}}"/></span><span>{{item.title}}</span>
<span><img src="/assets/img/media/manga/{{item.cover}}" alt="Manga art cover for {{item.alt}}"/></span><span>{{item.title}}</span>
</a>
</li>
{%endfor%}
@ -74,12 +74,12 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
<ul role="list">
{%for item in 88x31-mine.items%}
<li>
<a href="{{item.src}}" title="sunbun">
<a href="/" title="sunbun">
<img
{%if
item.id%}id="{{item.id}}"
{%endif%}
src="{{item.button}}"
src="/assets/img/button/sunbun_{{item.button}}"
alt="Sunny's website"
/>
</a>
@ -96,7 +96,7 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
{%if
item.id%}id="{{item.id}}"
{%endif%}
src="{{item.button}}"
src="/assets/img/button/{{item.button}}"
alt="{{item.alt}}"
/>
</a>
@ -114,7 +114,7 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
{%if
item.id%}id="{{item.id}}"
{%endif%}
src="{{item.button}}"
src="/assets/img/button/{{item.button}}"
alt="{{item.alt}}"
/>
</a>