diff --git a/_src/_data/88x31.json b/_src/_data/88x31.json index 9ccfb38..358aa82 100644 --- a/_src/_data/88x31.json +++ b/_src/_data/88x31.json @@ -44,7 +44,7 @@ "src": "https://soundcloud.com/yeenimal/calling-you-nightcorefuchscore-edit" }, { - "alt": "freemediaheckyeah home page", + "alt": "free media heck yeah home page", "button": "/assets/img/button/piracy-now.gif", "name": "Piracy now!", "src": "https://fmhy.net/" diff --git a/_src/_data/games.json b/_src/_data/games.json deleted file mode 100644 index 809b4e2..0000000 --- a/_src/_data/games.json +++ /dev/null @@ -1,134 +0,0 @@ -{ - "items": [ - { - "cover": "/assets/img/media/games/ac_nl.png", - "title": "Animal Crossing: New Leaf", - "src": "https://tane.us/ac/nl.html" - }, - { - "cover": "/assets/img/media/games/b_p.png", - "title": "Burnout Paradise", - "src": "https://youtube.com/watch?v=p3TYriU2-jo" - }, - { - "cover": "/assets/img/media/games/cs.png", - "title": "Cave Story", - "src": "https://cavestory.org/game-info/game-releases.php" - }, - { - "cover": "/assets/img/media/games/gta_sa.png", - "title": "Grand Theft Auto: San Andreas", - "src": "https://youtube.com/watch?v=fNCtWaGMW4w" - }, - { - "cover": "/assets/img/media/games/gta_vc.png", - "title": "Grand Theft Auto: Vice City", - "src": "https://youtube.com/watch?v=XXHhh4JIby0" - }, - { - "cover": "/assets/img/media/games/hl1.png", - "title": "Half-Life", - "src": "https://bullsquid.com/" - }, - { - "cover": "/assets/img/media/games/hl2.png", - "title": "Half-Life 2", - "src": "https://www.youtube.com/watch?v=nq5EnEa7Mg8" - }, - { - "cover": "/assets/img/media/games/halo_mcc.png", - "title": "Halo: The Master Chief Collection", - "src": "https://www.youtube.com/watch?v=ePLDO68lcA4" - }, - { - "cover": "/assets/img/media/games/jc2.png", - "title": "Just Cause 2", - "src": "https://youtube.com/watch?v=PIVW0vPa4_o" - }, - { - "cover": "/assets/img/media/games/klonoa_dtp.png", - "title": "Klonoa: Door to Phantomile", - "src": "https://youtube.com/watch?v=mGI-tc0Hbl0" - }, - { - "cover": "/assets/img/media/games/klonoa_lv.png", - "title": "Klonoa 2: Lunatea's Veil", - "src": "https://youtube.com/watch?v=3Tknfc8In3Y" - }, - { - "cover": "/assets/img/media/games/lbp.png", - "title": "LittleBigPlanet", - "src": "https://youtube.com/watch?v=LattfGKNr-E" - }, - { - "cover": "/assets/img/media/games/minecraft.png", - "title": "Minecraft", - "src": "https://prismlauncher.org/" - }, - { - "cover": "/assets/img/media/games/me.png", - "title": "Mirror's Edge", - "src": "https://youtube.com/watch?v=RfUwQsCzkgs" - }, - { - "cover": "/assets/img/media/games/nfs_c.png", - "title": "Need For Speed: Carbon", - "src": "https://youtube.com/watch?v=IOKWeLCirhI" - }, - { - "cover": "/assets/img/media/games/nfs_mw.png", - "title": "Need For Speed: Most Wanted", - "src": "https://youtube.com/watch?v=CcHHZKKS2MI" - }, - { - "cover": "/assets/img/media/games/nt.png", - "title": "Nuclear Throne", - "src": "https://www.youtube.com/watch?v=KbpbzbE3sjg" - }, - { - "cover": "/assets/img/media/games/ori.png", - "title": "Ori and the Blind Forest", - "src": "https://www.fangamer.com/products/ori-plush" - }, - { - "cover": "/assets/img/media/games/pkmn_ss.png", - "title": "Pokémon SoulSilver", - "src": "https://youtube.com/watch?v=4ujh7lvcsRs" - }, - { - "cover": "/assets/img/media/games/rv.png", - "title": "Re-Volt", - "src": "https://rvgl.org/" - }, - { - "cover": "/assets/img/media/games/roblox.png", - "title": "Roblox", - "src": "https://www.youtube.com/watch?v=L5RPv1PWbvA" - }, - { - "cover": "/assets/img/media/games/smt_iv.png", - "title": "Shin Megami Tensei IV", - "src": "https://www.youtube.com/playlist?list=OLAK5uy_lfKQUOnuXF83ukE0jQxjafpL3oYg35yJc" - }, - { - "cover": "/assets/img/media/games/sm.png", - "title": "StepMania", - "src": "https://www.youtube.com/watch?v=3UwnBdRYeSM" - }, - { - "cover": "/assets/img/media/games/botw.png", - "title": "The Legend of Zelda: Breath of the Wild", - "src": "https://youtube.com/watch?v=Vgev9Gzybk8" - }, - { - "cover": "/assets/img/media/games/katamari_wl.png", - "title": "We Love Katamari", - "src": "https://youtube.com/watch?v=l6CkDxYzGME" - }, - { - "cover": "/assets/img/media/games/2kki.png", - "title": "Yume 2kki", - "src": "https://ynoproject.net/2kki/" - } - ] -} diff --git a/_src/_data/media-albums.json b/_src/_data/media-albums.json new file mode 100644 index 0000000..0372e63 --- /dev/null +++ b/_src/_data/media-albums.json @@ -0,0 +1,124 @@ +{ + "items": [ + { + "artist": "2 Mello", + "cover": "/assets/img/media/music/albums/2-mello_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", + "src": "https://b9-6no.bandcamp.com/album/final-6no", + "title": "FINAL 6NO" + }, + { + "artist": "Baths", + "cover": "/assets/img/media/music/albums/baths_cerulean.png", + "src": "https://bathsmusic.bandcamp.com/album/cerulean", + "title": "Cerulean" + }, + { + "artist": "Bôa", + "cover": "/assets/img/media/music/albums/boa_thousand-camels.png", + "src": "https://musicbrainz.org/release/8bd70552-0a26-466e-bfaf-49f0e5b65e5d", + "title": "The Race of a Thousand Camels" + }, + { + "artist": "Duran Duran", + "cover": "/assets/img/media/music/albums/dd_1993.png", + "src": "https://musicbrainz.org/release/f94309a3-1797-4e29-861c-671b90307e4a", + "title": "The Wedding Album" + }, + { + "artist": "Everything Everything", + "cover": "/assets/img/media/music/albums/ee_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", + "src": "https://funkfiction.bandcamp.com/album/sonic-beats", + "title": "Sonic BeATS" + }, + { + "artist": "goreshit", + "cover": "/assets/img/media/music/albums/goreshit_gnb.png", + "src": "https://goreshit.bandcamp.com/album/gnb", + "title": "gnb" + }, + { + "artist": "goreshit", + "cover": "/assets/img/media/music/albums/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", + "src": "https://goreshit.bandcamp.com/album/stankface", + "title": "stankface" + }, + { + "artist": "Kaito", + "cover": "/assets/img/media/music/albums/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", + "src": "https://lifeformed.bandcamp.com/album/tunic-original-game-soundtrack", + "title": "TUNIC" + }, + { + "artist": "Madeon", + "cover": "/assets/img/media/music/albums/madeon_adventure.png", + "src": "https://musicbrainz.org/release/37d1cc6e-a1b2-404e-9896-2b305217e05e", + "title": "Adventure" + }, + { + "artist": "Pendulum", + "cover": "/assets/img/media/music/albums/pendulum_hold-your-colour.png", + "src": "https://musicbrainz.org/release/9d9b873c-fbd4-43df-9533-b401dd86081d", + "title": "Hold your Colour" + }, + { + "artist": "Pendulum", + "cover": "/assets/img/media/music/albums/pendulum_immersion.png", + "src": "https://musicbrainz.org/release/8eb52812-f660-475c-ba17-3410c8f0c0a8", + "title": "Immersion" + }, + { + "artist": "Pete Rock", + "cover": "/assets/img/media/music/albums/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", + "src": "https://spearheadrecords.bandcamp.com/album/poetry-in-motion", + "title": "Poetry in Motion" + }, + { + "artist": "Vince Kaichan", + "cover": "/assets/img/media/music/albums/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", + "src": "https://jetsetradiofuture.live/", + "title": "Jet Set Radio Future" + }, + { + "artist": "Various artists", + "cover": "/assets/img/media/music/albums/lethal-league_blaze.png", + "src": "https://store.steampowered.com/app/991870/Lethal_League_Blaze__Soundtrack/", + "title": "Lethal League Blaze" + } + ] +} \ No newline at end of file diff --git a/_src/_data/media-games.json b/_src/_data/media-games.json new file mode 100644 index 0000000..ab552b1 --- /dev/null +++ b/_src/_data/media-games.json @@ -0,0 +1,134 @@ +{ + "items": [ + { + "cover": "/assets/img/media/games/ac_nl.png", + "src": "https://tane.us/ac/nl.html", + "title": "Animal Crossing: New Leaf" + }, + { + "cover": "/assets/img/media/games/b_p.png", + "src": "https://youtube.com/watch?v=p3TYriU2-jo", + "title": "Burnout Paradise" + }, + { + "cover": "/assets/img/media/games/cs.png", + "src": "https://cavestory.org/game-info/game-releases.php", + "title": "Cave Story" + }, + { + "cover": "/assets/img/media/games/gta_sa.png", + "src": "https://youtube.com/watch?v=fNCtWaGMW4w", + "title": "Grand Theft Auto: San Andreas" + }, + { + "cover": "/assets/img/media/games/gta_vc.png", + "src": "https://youtube.com/watch?v=XXHhh4JIby0", + "title": "Grand Theft Auto: Vice City" + }, + { + "cover": "/assets/img/media/games/hl1.png", + "src": "https://bullsquid.com/", + "title": "Half-Life" + }, + { + "cover": "/assets/img/media/games/hl2.png", + "src": "https://www.youtube.com/watch?v=nq5EnEa7Mg8", + "title": "Half-Life 2" + }, + { + "cover": "/assets/img/media/games/halo_mcc.png", + "src": "https://www.youtube.com/watch?v=ePLDO68lcA4", + "title": "Halo: The Master Chief Collection" + }, + { + "cover": "/assets/img/media/games/jc2.png", + "src": "https://youtube.com/watch?v=PIVW0vPa4_o", + "title": "Just Cause 2" + }, + { + "cover": "/assets/img/media/games/klonoa_dtp.png", + "src": "https://youtube.com/watch?v=mGI-tc0Hbl0", + "title": "Klonoa: Door to Phantomile" + }, + { + "cover": "/assets/img/media/games/klonoa_lv.png", + "src": "https://youtube.com/watch?v=3Tknfc8In3Y", + "title": "Klonoa 2: Lunatea's Veil" + }, + { + "cover": "/assets/img/media/games/lbp.png", + "src": "https://youtube.com/watch?v=LattfGKNr-E", + "title": "LittleBigPlanet" + }, + { + "cover": "/assets/img/media/games/minecraft.png", + "src": "https://prismlauncher.org/", + "title": "Minecraft" + }, + { + "cover": "/assets/img/media/games/me.png", + "src": "https://youtube.com/watch?v=RfUwQsCzkgs", + "title": "Mirror's Edge" + }, + { + "cover": "/assets/img/media/games/nfs_c.png", + "src": "https://youtube.com/watch?v=IOKWeLCirhI", + "title": "Need For Speed: Carbon" + }, + { + "cover": "/assets/img/media/games/nfs_mw.png", + "src": "https://youtube.com/watch?v=CcHHZKKS2MI", + "title": "Need For Speed: Most Wanted" + }, + { + "cover": "/assets/img/media/games/nt.png", + "src": "https://www.youtube.com/watch?v=KbpbzbE3sjg", + "title": "Nuclear Throne" + }, + { + "cover": "/assets/img/media/games/ori.png", + "src": "https://www.fangamer.com/products/ori-plush", + "title": "Ori and the Blind Forest" + }, + { + "cover": "/assets/img/media/games/pkmn_ss.png", + "src": "https://youtube.com/watch?v=4ujh7lvcsRs", + "title": "Pokémon SoulSilver" + }, + { + "cover": "/assets/img/media/games/rv.png", + "src": "https://rvgl.org/", + "title": "Re-Volt" + }, + { + "cover": "/assets/img/media/games/roblox.png", + "src": "https://www.youtube.com/watch?v=L5RPv1PWbvA", + "title": "Roblox" + }, + { + "cover": "/assets/img/media/games/smt_iv.png", + "src": "https://www.youtube.com/playlist?list=OLAK5uy_lfKQUOnuXF83ukE0jQxjafpL3oYg35yJc", + "title": "Shin Megami Tensei IV" + }, + { + "cover": "/assets/img/media/games/sm.png", + "src": "https://www.youtube.com/watch?v=3UwnBdRYeSM", + "title": "StepMania" + }, + { + "cover": "/assets/img/media/games/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", + "src": "https://youtube.com/watch?v=l6CkDxYzGME", + "title": "We Love Katamari" + }, + { + "cover": "/assets/img/media/games/2kki.png", + "src": "https://ynoproject.net/2kki/", + "title": "Yume 2kki" + } + ] +} \ No newline at end of file diff --git a/_src/_data/media-manga.json b/_src/_data/media-manga.json new file mode 100644 index 0000000..b01057e --- /dev/null +++ b/_src/_data/media-manga.json @@ -0,0 +1,10 @@ +{ + "items": [ + { + "alt": "You Shou Yan", + "cover": "/assets/img/media/manga/you-shou-yan.png", + "src": "https://manga.bilibili.com/detail/mc29329", + "title": "有兽焉 (Fabulous Beasts)" + } + ] +} \ No newline at end of file diff --git a/_src/_data/media-modules.json b/_src/_data/media-modules.json new file mode 100644 index 0000000..0037df1 --- /dev/null +++ b/_src/_data/media-modules.json @@ -0,0 +1,154 @@ +{ + "items": [ + { + "artist": "Axel & Cerror", + "src": "https://modarchive.org/index.php?request=view_player&query=206301", + "title": "It's been a while", + "tracker": "fasttracker2" + }, + { + "artist": "Elysis", + "src": "https://modarchive.org/index.php?request=view_player&query=41767", + "title": "Codelover", + "tracker": "impulsetracker" + }, + { + "artist": "Fearofdark", + "src": "https://modarchive.org/index.php?request=view_player&query=169104", + "title": "Surfing on a Sine Wave", + "tracker": "fasttracker2" + }, + { + "artist": "Hoffman", + "src": "https://modarchive.org/index.php?request=view_player&query=96582", + "title": "burt & ernie", + "tracker": "modplug" + }, + { + "artist": "Jereon Tel (WAVE)", + "src": "https://modarchive.org/index.php?request=view_player&query=46490", + "title": "Hello 1997", + "tracker": "fasttracker2" + }, + { + "artist": "Jereon Tel (WAVE)", + "src": "https://modarchive.org/index.php?request=view_player&query=46496", + "title": "Letting Go", + "tracker": "fasttracker2" + }, + { + "artist": "Michiel van den Bos", + "src": "https://modarchive.org/index.php?request=view_player&query=68847", + "title": "Foregone Destruction", + "tracker": "impulsetracker" + }, + { + "artist": "Michiel van den Bos", + "src": "https://modarchive.org/index.php?request=view_player&query=68859", + "title": "Skyward Fire", + "tracker": "impulsetracker" + }, + { + "artist": "Minomus & Libris", + "src": "https://modarchive.org/index.php?request=view_player&query=32525", + "title": "Stardust & Sparkles", + "tracker": "modplug" + }, + { + "artist": "Nagz & Genius", + "src": "https://modarchive.org/index.php?request=view_player&query=189549", + "title": "Keep On", + "tracker": "fasttracker2" + }, + { + "artist": "Norfair", + "src": "https://modarchive.org/index.php?request=view_player&query=146774", + "title": "Falling Flakes", + "tracker": "fasttracker2" + }, + { + "artist": "Radix", + "src": "https://modarchive.org/index.php?request=view_player&query=169628", + "title": "Feng Shui Schematics", + "tracker": "fasttracker2" + }, + { + "artist": "Radix", + "src": "https://modarchive.org/index.php?request=view_player&query=148483", + "title": "Yendi", + "tracker": "fasttracker2" + }, + { + "artist": "Radix", + "src": "https://modarchive.org/index.php?request=view_player&query=167157", + "title": "Yuki Satellites", + "tracker": "fasttracker2" + }, + { + "artist": "Reed", + "src": "https://modarchive.org/index.php?request=view_player&query=120849", + "title": "Twentyfour and Up", + "tracker": "modplug" + }, + { + "artist": "Quazar", + "src": "https://modarchive.org/index.php?request=view_player&query=66187", + "title": "Funky Stars (Hybrid song)", + "tracker": "fasttracker2" + }, + { + "artist": "Skybax", + "src": "https://modarchive.org/index.php?request=view_player&query=202163", + "title": "Marmelade Dream", + "tracker": "impulsetracker" + }, + { + "artist": "Tempest", + "src": "https://modarchive.org/index.php?request=view_player&query=66334", + "title": "Acidjazzed Evening", + "tracker": "modplug" + }, + { + "artist": "Virt", + "src": "https://modarchive.org/index.php?request=view_player&query=204060", + "title": "Keep the World Spinning", + "tracker": "impulsetracker" + }, + { + "artist": "Virt", + "src": "https://modarchive.org/index.php?request=view_player&query=181523", + "title": "Nightfall over the City", + "tracker": "impulsetracker" + }, + { + "artist": "Wire", + "src": "https://modarchive.org/index.php?request=view_player&query=66757", + "title": "Prehistoric Tale", + "tracker": "fasttracker2" + }, + { + "artist": "Zalza", + "src": "https://modarchive.org/index.php?request=view_player&query=66539", + "title": "My Blue Hashpipe", + "tracker": "fasttracker2" + }, + { + "artist": "Zalza", + "src": "https://modarchive.org/index.php?request=view_player&query=154062", + "title": "Sysop's Secrets", + "tracker": "fasttracker2" + }, + { + "artist": "Zipp", + "src": "https://modarchive.org/index.php?request=view_player&query=154265", + "title": "Manipulated", + "tracker": "fasttracker2" + }, + { + "artist": "Zipp", + "src": "https://modarchive.org/index.php?request=view_player&query=38138", + "title": "White Coffee", + "tracker": "fasttracker2" + } + ] +} \ No newline at end of file diff --git a/_src/_data/media-music.json b/_src/_data/media-music.json new file mode 100644 index 0000000..0a31ce0 --- /dev/null +++ b/_src/_data/media-music.json @@ -0,0 +1,9 @@ +{ + "items": [ + { + "artist": "test", + "src": "/", + "title": "test" + } + ] +} \ No newline at end of file diff --git a/_src/_data/music.json b/_src/_data/music.json deleted file mode 100644 index d072507..0000000 --- a/_src/_data/music.json +++ /dev/null @@ -1,124 +0,0 @@ -{ - "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/" - } - ] -} diff --git a/_src/_includes/base.njk b/_src/_includes/base.njk index b9eb840..dbba9b4 100644 --- a/_src/_includes/base.njk +++ b/_src/_includes/base.njk @@ -7,10 +7,10 @@ meow: "m18.8003 13.7653q0-1.7737-1.156-2.943-1.1563-1.1693-3.2321-1.3925v-.0525q - {{ site.name }} - {% if title %} - - {{ page.fileSlug| capitalize }} - {% endif %} + {{site.name}} + {%if title%} + - {{page.fileSlug|capitalize}} + {%endif%} @@ -18,23 +18,23 @@ meow: "m18.8003 13.7653q0-1.7737-1.156-2.943-1.1563-1.1693-3.2321-1.3925v-.0525q - {% set availableStyles = ['home', 'blog', 'gallery'] %} - {% if page.url %} - {% if availableStyles.indexOf(page.url|firstSegment) !== -1 %} - - {% endif %} - {% endif %} + {%set availableStyles = ['home', 'blog', 'gallery']%} + {%if page.url%} + {%if availableStyles.indexOf(page.url|firstSegment) !== -1%} + + {%endif%} + {%endif%} - +
- {{ content | safe }} + {{content | safe}}
diff --git a/_src/_includes/gallery.njk b/_src/_includes/gallery.njk index 57f3811..50ad7b4 100644 --- a/_src/_includes/gallery.njk +++ b/_src/_includes/gallery.njk @@ -4,16 +4,27 @@ 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 ---
-

{{ page.fileSlug }}

-
- {% for image in images %} - -
- {{ image.alt }} -
{{ image.alt }}
-
- - {% endfor %} -
- {{ content|safe }} -
\ No newline at end of file +

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

+ {{content|safe}} +
+ {%for image in images%} + +
+ {{image.alt}} +
{{image.alt}}
+ +
+ + {%endfor%} +
+ {%for attachment in attachments%} +
+ +
+ +
{{attachment.alt}}
+
+ +
+ {%endfor%} + diff --git a/_src/assets/css/citrus/citrus.css b/_src/assets/css/citrus/citrus.css index 58b5eab..632d896 100644 --- a/_src/assets/css/citrus/citrus.css +++ b/_src/assets/css/citrus/citrus.css @@ -1,12 +1,16 @@ @import url("./variables.css"); @import url("../default/variables.css"); @import url("./nav.css"); +#bio, #interests, #badges, #artworks, #art { + font-family: "Pangolin", sans-serif; +} body { background-attachment: local, fixed; background-color: var(--citrus-primary); background-image: var(--checker), linear-gradient(var(--citrus-primary), var(--citrus-secondary)); background-size: 32px, contain; + background-blend-mode: overlay, normal; } body > nav { background-attachment: fixed; @@ -14,6 +18,7 @@ body > nav { background-image: var(--dot), linear-gradient(var(--citrus-primary), var(--citrus-secondary) 20%); background-size: 6px; + background-blend-mode: screen; border-color: var(--citrus-dark); color: var(--citrus-dark); & a, @@ -44,6 +49,9 @@ body > nav { box-shadow var(--trans); } } + & details { + background-image: linear-gradient(-45deg, var(--citrus-primary), var(--citrus-secondary), var(--citrus-primary)); + } } article { background-color: var(--citrus-light); @@ -51,24 +59,30 @@ article { background-image: var(--noise); box-shadow: var(--shadow); border: 0; + & .header-anchor { + border-radius: inherit; + background-color: color-mix(in lch, magenta, white); + &:is(:hover,:focus) { + background-color: magenta; + } + } & code:not(pre *) { - border-radius: 0; - color: var(--citrus-primary); - background-color: #000; + border-radius: inherit; + background-color: yellow; + box-shadow: 2px 2px 8px 0 color-mix(in lch, yellow, black 10%); } } /* home.css */ -body[id] > main::before { - content: ""; - height: 100%; - width: 100%; - display: flex; - position: fixed; - top: 0; - left: 0; - image-rendering: pixelated; - opacity: 0.1; - z-index: -10; +#interests div:has(img)::after { + display: none !important; +} +#interests li:has(div img) { + margin: var(--pad-sm); + box-shadow: var(--shadow); + background: color-mix(in lch, yellow, white); + &:nth-child(odd) { + transform: rotate(1deg) + } } ul:not([role]) li::before { background-color: #000; @@ -79,10 +93,11 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img { /* blog.css */ #blog { background-color: #fff; - background-image: var(--dot-dark); + background-image: var(--dot); background-size: 6px; - background-attachment: fixed; + background-attachment: local; background-repeat: repeat; + background-blend-mode: difference; & main { &::before { background-image: var(--bg-sky); @@ -108,9 +123,12 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img { border-radius: 0; } & pre { - border-radius: 0; - color: var(--citrus-primary); - background-color: #000; + border-radius: 4px; + color: var(--citrus-secondary); + background-color: color-mix(in lch, var(--citrus-secondary), black 90%); + background-size: 4px; + text-shadow: 2px 2px 0 + color-mix(in lch, var(--citrus-secondary), black 60%); } & [aria-label="Post warning"] { background-color: var(--citrus-primary); @@ -123,12 +141,16 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img { ); background-color: var(--citrus-primary); } + & s { + text-decoration-color: #d00; + } } & #posts { & a { background-color: #fff; border-color: #fff; border-width: 4px; + box-shadow: var(--shadow); transition: border-color var(--trans), color var(--trans); & p { color: initial; @@ -141,20 +163,9 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img { } /* gallery.css */ #gallery { - & h2 { - font-family: "Pangolin", sans-serif; - } & article { border-radius: 0; border: 0; - background-image: var(--noise), var(--line); - background-color: #fff; - padding: 1rem; - background-size: auto, 32px; - } - & article[id] { - background-image: var(--noise), var(--paper); - background-size: auto, 4px; } & a:has(figure) { transition: border-color var(--trans), background-color var(--trans); @@ -165,20 +176,51 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img { background-color: currentColor; border-color: currentColor; } - & figcaption { + & figcaption, + time { color: #fff; } - & time { - color: #fffa; - } } } & figure { border-color: #fff; background-color: #fff; } - & time { - color: #666; +} +#artworks { + article { + margin: var(--pad-xl) 0 0 0; + background-color: #fff; + background-image: var(--noise), var(--lined); + background-size: auto, 32px; + &:last-child:not(:first-of-type) { + margin: calc(var(--pad-xl) + var(--pad-xl)) 0 0 0; + } + &::before { + content: ""; + display: flex; + height: 100%; + width: calc(100% + var(--pad-xl) * 2); + margin: -4rem 0 0 calc(var(--pad-xl) * -1); + background-image: var(--border), var(--lined); + background-size: 32px, 32px; + background-blend-mode: darken; + padding: var(--pad-xl); + } + } +} +#art { + background-image: var(--noise); + & p, + time { + padding: 0; + line-height: 32px; + } + & img { + border-radius: 0; + } + & figcaption { + font-family: "Urbanist", sans-serif; } } @media screen and (max-width: 920px) { diff --git a/_src/assets/css/citrus/nav.css b/_src/assets/css/citrus/nav.css index e8c8d39..2412d54 100644 --- a/_src/assets/css/citrus/nav.css +++ b/_src/assets/css/citrus/nav.css @@ -7,7 +7,4 @@ body > nav { border: 0; margin: 0 0 var(--pad-sm) 0 ; } - & details:not([open]) > summary, details[open] { - border: 0; - } } diff --git a/_src/assets/css/citrus/variables.css b/_src/assets/css/citrus/variables.css index 713b888..f641b36 100644 --- a/_src/assets/css/citrus/variables.css +++ b/_src/assets/css/citrus/variables.css @@ -1,17 +1,16 @@ :root { - --citrus-primary: rgb(255, 190, 0); - --citrus-secondary: rgb(255, 110, 0); - --citrus-light: rgb(255, 236, 180); - --citrus-dark: rgb(105, 50, 0); + --citrus-primary: var(--primary); + --citrus-secondary: var(--secondary); + --citrus-light: color-mix(in lch, var(--citrus-primary), var(--light) 70%); + --citrus-dark: color-mix(in lch, var(--citrus-secondary), var(--dark) 60%); --citrus-mix: color-mix(in lch,var(--citrus-primary),var(--citrus-secondary)); --shadow: 0.2rem 0.2rem 0.4rem 0.2rem #0003; --checker: url("/assets/img/theme/citrus/checker.png"); - --checker-dark: url("/assets/img/theme/citrus/checker-dark.png"); --dot: url("/assets/img/theme/citrus/dot.png"); - --dot-dark: url("/assets/img/theme/citrus/dot-dark.png"); - --line: url("/assets/img/theme/citrus/line.png"); + --lined: url("/assets/img/theme/citrus/line.png"); --paper: url("/assets/img/theme/citrus/paper.png"); --noise: url("/assets/img/theme/citrus/imagedoc-lightnoise.png"); + --border: url("/assets/img/theme/citrus/border.png"); --bg-sky: url("/assets/img/pkmn/bg/plat_trade1.png"); --bg-ilex: url("/assets/img/pkmn/bg/ilex_day.png"); --bg-ilex-noon: url("/assets/img/pkmn/bg/ilex_noon.png"); diff --git a/_src/assets/css/default/default.css b/_src/assets/css/default/default.css index 158a693..70d9dc3 100644 --- a/_src/assets/css/default/default.css +++ b/_src/assets/css/default/default.css @@ -1,5 +1,6 @@ @import url("./variables.css"); @import url("./nav.css"); + :root { --view: 18rem; } @@ -9,9 +10,11 @@ body { font-size: 100%; margin: 0; padding: 0; + & a, button { cursor: pointer; + &:is(:hover, :focus) { outline: 0; } @@ -24,17 +27,45 @@ main { overflow: hidden; } +details { + cursor: pointer; + + & summary::marker { + content: none; + } +} + +h3 { + font-size: 2rem; +} + +.header-anchor { + display: inline-block; + 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); + border-radius: 0 var(--round) var(--round) 0; +} +main article[id] { + & p, li { + font-size: 1.2rem; + } +} article { border-style: solid; border-width: 2px; border-radius: var(--round); height: max-content; padding: var(--pad-xl); + & a { font-weight: 500; } + & a:has(figure) { border-radius: var(--round); + & figure { border-color: inherit; } @@ -45,15 +76,6 @@ article { text-decoration-thickness: 0.1em; } - & ul { - & li { - margin: 0; - & p { - margin: 0; - } - } - } - & u { text-decoration-style: double; text-decoration-thickness: 2px; @@ -66,6 +88,7 @@ article { & p { word-wrap: break-word; } + & p:not(:last-child, [aria-label]) { padding-bottom: var(--pad-sm); } @@ -92,18 +115,6 @@ article { 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; - } - } & figure { margin: 0; border-style: solid; @@ -112,29 +123,39 @@ article { border-radius: var(--round); display: flex; flex-direction: column; + & img { border-radius: inherit; } } + & section { & a:has(figure) { - text-decoration: none; height: max-content; } + & figure img { border-radius: var(--round); } + & figcaption { font-weight: normal; font-style: italic; padding-top: var(--pad-sm); } } + & h3 code { + display: flex; + gap: var(--pad-l); + width: fit-content; + margin: var(--pad-l) 0; + } } :is(main article, main section):not(:last-child) { margin-bottom: var(--pad-xl); } + img[src*="/assets/img/flag/"] { height: 32px; border-radius: 0.2rem; @@ -142,24 +163,27 @@ img[src*="/assets/img/flag/"] { border-width: 2px; border-color: #fff; } + a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img { transform: translateY(-4px); transition: var(--trans); } + @media screen and (max-width: 920px) { - body > nav { + body>nav { position: initial; width: 100%; } + main { padding: var(--pad-l); } - main > section { + main>section { flex-direction: column; } - main > section { + main>section { width: initial; } @@ -168,36 +192,42 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img { width: auto; } - body > nav::before { + body>nav::before { content: none; } - body > nav { + body>nav { flex-direction: row; border: 0; width: 100%; + & details { height: fit-content; width: 100%; } } + body::after { content: ""; } } + @media screen and (max-width: 450px) { main { padding: var(--pad-sm); } + article { padding: var(--pad-l); border: 0; } - body > nav { + + body>nav { flex-direction: column; justify-content: start; + & details[open] { width: 100%; } } -} +} \ No newline at end of file diff --git a/_src/assets/css/default/gallery.css b/_src/assets/css/default/gallery.css index ab99cf1..386fcd2 100644 --- a/_src/assets/css/default/gallery.css +++ b/_src/assets/css/default/gallery.css @@ -1,7 +1,16 @@ :root { --thumb: 16rem; } +#gallery { + & time { + display: flex; + align-self: center; + } +} #artworks { + & p { + font-size: 1.2rem; + } & ul { display: grid; grid-template-columns: repeat( @@ -11,6 +20,9 @@ padding: 0; margin: 0; gap: var(--pad-l); + & a { + display: block; + } } & h2 { @@ -21,27 +33,27 @@ margin-top: 0; } } + & figure { + margin: 0; + padding: var(--pad-sm); + border-width: 2px; + border-style: solid; + & img { + display: flex; + width: 100%; + height: var(--thumb); + border-bottom: unset; + object-fit: contain; + } - & a { - display: block; - text-decoration: unset; - & figure { - margin: 0; - padding: var(--pad-sm); - border-width: 2px; - border-style: solid; - & img { - display: flex; - width: 100%; - height: var(--thumb); - border-bottom: unset; - object-fit: contain; - } - - & figcaption { - font-family: Urbanist, sans-serif; - font-size: var(--pad-lm); - } + & figcaption { + font-family: Urbanist, sans-serif; + font-size: var(--pad-lm); + display: flex; + align-items: baseline; + } + & .count { + margin: auto 0 0 auto; } } } @@ -49,8 +61,11 @@ #art { display: flex; flex-direction: column; + width: fit-content; h3 { font-family: "Urbanist", sans-serif; + display: flex; + gap: var(--pad-sm); } & section:has(a:nth-child(n + 2)) { display: flex; @@ -58,17 +73,12 @@ gap: var(--pad-l); } & section { - margin: var(--pad-l) 0; & a { display: flex; - width: calc(var(--post) - var(--view)); + width: calc(var(--post) - var(--view) * 1.2); flex-direction: column; } } - & time { - display: flex; - font-weight: bold; - } } @media screen and (max-width: 1400px) { #art section:has(a:nth-child(n + 2)) { @@ -85,4 +95,4 @@ #art section:has(a:nth-child(n + 2)) { flex-direction: column; } -} \ No newline at end of file +} diff --git a/_src/assets/css/default/home.css b/_src/assets/css/default/home.css index b015b7e..c314fc2 100644 --- a/_src/assets/css/default/home.css +++ b/_src/assets/css/default/home.css @@ -15,7 +15,38 @@ color: transparent; } } -ul:not([role]) li { +article#bio { + & ul { + margin: 0 var(--pad-xl); + } + & span[id] { + background-clip: text; + background-repeat: repeat; + &:hover { + background-clip: initial; + transition: var(--trans); + animation: fadeIn var(--trans) linear forwards; + } + } +} +article#badges { + & ul { + gap: 1rem; + padding: 0; + display: flex; + flex-wrap: wrap; + } + & a { + display: flex; + padding: inherit; + margin: 0; + background-color: unset; + } +} +article#bio ul { + padding: 0; +} +article#bio ul li { &::before { content: ""; width: 20px; @@ -23,12 +54,53 @@ ul:not([role]) li { position: absolute; mask-image: var(--paw); mask-size: contain; - margin: 0.4rem 0 0 -2rem; + margin: var(--pad-sm) 0 0 calc(var(--pad-xl)*-1); } &::marker { content: none; } } +article#interests ul { + display: flex; + flex-wrap: wrap; +} + +article#interests { + & details ul { + margin: 0; + padding: var(--pad-l) 0; + } + & details:last-child ul { + padding: var(--pad-l) 0 0 0 + } + & li { + display: flex; + & a { + padding: var(--pad-sm); + background: transparent; + } + & span { + display: flex; + width: 14ch; + text-align: center; + justify-content: center; + } + } + & details h3 { + border-bottom-width: 1px; + border-bottom-style: solid; + } + & div:has(img) { + margin: 0 auto; + width: fit-content; + } + .music img { + height: 48px; + } + .manga img { + height: 128px; + } +} #pkmn { display: flex; flex-wrap: wrap; @@ -42,6 +114,7 @@ ul:not([role]) li { border-top-color: #c8f8c0; border-width: 3px; border-style: solid; + margin: var(--pad-l) 0 0 0; & img { image-rendering: pixelated; &:hover { @@ -52,10 +125,6 @@ ul:not([role]) li { } } } -body [id]:not(:nth-child(1)) ul { - display: flex; - flex-wrap: wrap; -} #agender { background-image: linear-gradient( #000 0 14.28%, @@ -79,70 +148,7 @@ body [id]:not(:nth-child(1)) ul { #pansexual { background-image: linear-gradient(#f09 33.33%, #ffd700 0 66.66%, #00bfff 0); } -#bio, -#interests { - & ul { - font-family: "Urbanist", sans-serif; - font-size: 1.3rem; - margin: 0; - display: flex; - flex-direction: column; - } - & p { - font-size: 1.1rem; - font-family: "Rubik", sans-serif; - font-weight: bold; - } - & span[id] { - background-clip: text; - background-repeat: repeat; - &:hover { - background-clip: initial; - transition: var(--trans); - animation: fadeIn var(--trans) linear forwards; - } - } -} -#collection { - & ul { - margin: 0; - padding: var(--pad-l) 0 0 0; - } - & li { - display: flex; - & a { - padding: var(--pad-sm); - background: transparent; - 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; - } - & a { - display: flex; - padding: inherit; - margin: 0; - background-color: unset; - } -} -#collection div:has(img)::after { +#interests div:has(img)::after { content: url("/assets/img/icon/shortcut.png"); display: flex; z-index: 1; @@ -153,7 +159,7 @@ body [id]:not(:nth-child(1)) ul { pointer-events: none; } @media screen and (max-width: 920px) { - #collection { + article#interests { display: flex; flex-direction: column; & ul { diff --git a/_src/assets/css/default/index.css b/_src/assets/css/default/index.css index f7d92a3..d41379b 100644 --- a/_src/assets/css/default/index.css +++ b/_src/assets/css/default/index.css @@ -3,6 +3,8 @@ @import url("./theme-dark.css"); #index { + color: var(--primary-dark-300); + background-color: rgb(255, 190, 0); width: 100%; margin: 0; padding: 0; @@ -14,7 +16,6 @@ width: inherit; flex-direction: column; background-image: var(--sunny); - background-color: rgb(255, 190, 0); background-repeat: no-repeat; background-position: center; background-size: contain; diff --git a/_src/assets/css/default/nav.css b/_src/assets/css/default/nav.css index f858f44..cd59b3c 100644 --- a/_src/assets/css/default/nav.css +++ b/_src/assets/css/default/nav.css @@ -42,11 +42,7 @@ body > nav { align-self: center; } & details { - cursor: pointer; display: flex; - & summary::marker { - content: none; - } } & ul { margin: var(--pad-sm); diff --git a/_src/assets/css/default/theme-dark.css b/_src/assets/css/default/theme-dark.css index 327d81f..ed57075 100644 --- a/_src/assets/css/default/theme-dark.css +++ b/_src/assets/css/default/theme-dark.css @@ -1,8 +1,10 @@ @media (prefers-color-scheme: dark) { + article, body { + color: var(--secondary-light-300); + } 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); @@ -64,7 +66,6 @@ /* default.css */ body { background-color: var(--secondary-100); - color: var(--secondary-light-300); /* this is cursed */ & :is(a, button) { color: var(--secondary-light-400); @@ -75,9 +76,32 @@ border-color: currentColor; background-color: var(--secondary-500); } + &:is(.header-anchor):is(:hover, :focus) { + background-color: var(--secondary-light-400); + color: var(--secondary-300); + box-shadow: 0 0 0 2px var(--secondary-300); + } } & > nav { border-color: var(--secondary); + & details { + background-color: var(--secondary-100); + &:not([open]) summary { + color: var(--secondary); + } + } + + & details[open] { + border-color: var(--secondary); + background-color: var(--secondary-300); + color: var(--secondary-light-300); + + & a[aria-current] { + color: var(--secondary-500); + border-color: var(--secondary-light-500); + background-color: var(--secondary-light-500); + } + } &::before, ::after { background-color: var(--secondary); @@ -87,37 +111,13 @@ &::after { background-color: var(--secondary); } - - & details { - background-color: var(--secondary-100); - &:not([open]) summary { - color: var(--secondary); - } - } - - & details[open] { - border-color: var(--secondary); - background-color: var(--secondary-300); - color: var(--secondary-light-300); - - & summary { - color: var(--secondary-light-300); - background-color: inherit; - } - - & a[aria-current] { - color: var(--secondary-500); - border-color: var(--secondary-light-500); - background-color: var(--secondary-light-500); - } - } } /* home.css */ ul:not([role]) li::before { background-color: var(--secondary-light-300); } - #collection { - & a:is(:hover, :focus) { + #interests { + & a:is(:hover, :focus):not(.header-anchor) { box-shadow: 0 0 0 1px currentColor; background-color: var(--secondary-500); } @@ -125,11 +125,14 @@ box-shadow: 0 0 0 1px color-mix(in lch, transparent, var(--secondary-500) 70%); } + & details h3 { + border-color: var(--secondary-600); + } } a:has(img[src*="/assets/img/button"]) { background-color: unset; &:is(:hover, :focus) img { - filter: drop-shadow(4px 6px 0 var(--primary-500)); + filter: drop-shadow(4px 6px 0 var(--secondary-500)); } } } diff --git a/_src/assets/css/default/theme-light.css b/_src/assets/css/default/theme-light.css index 05bd64d..0d28739 100644 --- a/_src/assets/css/default/theme-light.css +++ b/_src/assets/css/default/theme-light.css @@ -1,8 +1,10 @@ @media (prefers-color-scheme: light) { + article, body { + color: var(--primary-dark-300); + } 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); @@ -64,7 +66,6 @@ /* default.css */ body { background-color: var(--primary-100); - color: var(--primary-dark-300); /* this is cursed */ & :is(a, button) { color: var(--primary-dark-400); @@ -75,9 +76,32 @@ border-color: currentColor; background-color: var(--primary-500); } + &:is(.header-anchor):is(:hover, :focus) { + background-color: var(--primary-dark-400); + color: var(--primary-300); + box-shadow: 0 0 0 2px var(--primary-300); + } } & > nav { border-color: var(--primary); + & details { + background-color: var(--primary-100); + &:not([open]) summary { + color: var(--primary); + } + } + + & details[open] { + border-color: var(--primary); + background-color: var(--primary-300); + color: var(--primary-dark-300); + + & a[aria-current] { + color: var(--primary-500); + border-color: var(--primary-dark-500); + background-color: var(--primary-dark-500); + } + } &::before, &::after { background-color: var(--primary); @@ -87,36 +111,13 @@ &::after { background-color: var(--primary); } - - & details { - background-color: var(--primary-100); - &:not([open]) summary { - color: var(--primary); - } - } - - & details[open] { - border-color: var(--primary); - background-color: var(--primary-300); - color: var(--primary-dark-300); - - & summary { - background-color: inherit; - } - - & a[aria-current] { - color: var(--primary-500); - border-color: var(--primary-dark-500); - background-color: var(--primary-dark-500); - } - } } /* home.css */ ul:not([role]) li::before { background-color: var(--primary-dark-300); } - #collection { - & a:is(:hover, :focus) { + #interests { + & a:is(:hover, :focus):not(.header-anchor) { box-shadow: 0 0 0 1px currentColor; background-color: var(--primary-500); } @@ -124,6 +125,9 @@ box-shadow: 0 0 0 1px color-mix(in lch, transparent, var(--primary-dark-500) 30%); } + & details h3 { + border-color: var(--primary-dark-600); + } } a:has(img[src*="/assets/img/button"]) { background-color: unset; diff --git a/_src/assets/img/art/mallow.png b/_src/assets/img/art/mallow.png new file mode 100644 index 0000000..54356f6 Binary files /dev/null and b/_src/assets/img/art/mallow.png differ diff --git a/_src/assets/img/blog/media.png b/_src/assets/img/blog/media.png index 9c836b4..11861f4 100644 Binary files a/_src/assets/img/blog/media.png and b/_src/assets/img/blog/media.png differ diff --git a/_src/assets/img/icon/sundae.png b/_src/assets/img/icon/sundae.png index 27e0810..fa04f6b 100644 Binary files a/_src/assets/img/icon/sundae.png and b/_src/assets/img/icon/sundae.png differ diff --git a/_src/assets/img/media/manga/you-shou-yan.png b/_src/assets/img/media/manga/you-shou-yan.png new file mode 100644 index 0000000..0572959 Binary files /dev/null and b/_src/assets/img/media/manga/you-shou-yan.png differ diff --git a/_src/assets/img/media/music/2-mello_future.png b/_src/assets/img/media/music/albums/2-mello_future.png similarity index 100% rename from _src/assets/img/media/music/2-mello_future.png rename to _src/assets/img/media/music/albums/2-mello_future.png diff --git a/_src/assets/img/media/music/6no_final-6no.png b/_src/assets/img/media/music/albums/6no_final-6no.png similarity index 100% rename from _src/assets/img/media/music/6no_final-6no.png rename to _src/assets/img/media/music/albums/6no_final-6no.png diff --git a/_src/assets/img/media/music/baths_cerulean.png b/_src/assets/img/media/music/albums/baths_cerulean.png similarity index 100% rename from _src/assets/img/media/music/baths_cerulean.png rename to _src/assets/img/media/music/albums/baths_cerulean.png diff --git a/_src/assets/img/media/music/boa_thousand-camels.png b/_src/assets/img/media/music/albums/boa_thousand-camels.png similarity index 100% rename from _src/assets/img/media/music/boa_thousand-camels.png rename to _src/assets/img/media/music/albums/boa_thousand-camels.png diff --git a/_src/assets/img/media/music/dd_1993.png b/_src/assets/img/media/music/albums/dd_1993.png similarity index 100% rename from _src/assets/img/media/music/dd_1993.png rename to _src/assets/img/media/music/albums/dd_1993.png diff --git a/_src/assets/img/media/music/ee_man-alive.png b/_src/assets/img/media/music/albums/ee_man-alive.png similarity index 100% rename from _src/assets/img/media/music/ee_man-alive.png rename to _src/assets/img/media/music/albums/ee_man-alive.png diff --git a/_src/assets/img/media/music/funk-fiction_sonic-beats.png b/_src/assets/img/media/music/albums/funk-fiction_sonic-beats.png similarity index 100% rename from _src/assets/img/media/music/funk-fiction_sonic-beats.png rename to _src/assets/img/media/music/albums/funk-fiction_sonic-beats.png diff --git a/_src/assets/img/media/music/goreshit_gnb.png b/_src/assets/img/media/music/albums/goreshit_gnb.png similarity index 100% rename from _src/assets/img/media/music/goreshit_gnb.png rename to _src/assets/img/media/music/albums/goreshit_gnb.png diff --git a/_src/assets/img/media/music/goreshit_goretrance-9.png b/_src/assets/img/media/music/albums/goreshit_goretrance-9.png similarity index 100% rename from _src/assets/img/media/music/goreshit_goretrance-9.png rename to _src/assets/img/media/music/albums/goreshit_goretrance-9.png diff --git a/_src/assets/img/media/music/goreshit_stankface.png b/_src/assets/img/media/music/albums/goreshit_stankface.png similarity index 100% rename from _src/assets/img/media/music/goreshit_stankface.png rename to _src/assets/img/media/music/albums/goreshit_stankface.png diff --git a/_src/assets/img/media/music/jet-set-radio_future.png b/_src/assets/img/media/music/albums/jet-set-radio_future.png similarity index 100% rename from _src/assets/img/media/music/jet-set-radio_future.png rename to _src/assets/img/media/music/albums/jet-set-radio_future.png diff --git a/_src/assets/img/media/music/albums/kaito_a-hundred-million-light-years.png b/_src/assets/img/media/music/albums/kaito_a-hundred-million-light-years.png new file mode 100644 index 0000000..7f9b9bf Binary files /dev/null and b/_src/assets/img/media/music/albums/kaito_a-hundred-million-light-years.png differ diff --git a/_src/assets/img/media/music/lethal-league_blaze.png b/_src/assets/img/media/music/albums/lethal-league_blaze.png similarity index 100% rename from _src/assets/img/media/music/lethal-league_blaze.png rename to _src/assets/img/media/music/albums/lethal-league_blaze.png diff --git a/_src/assets/img/media/music/madeon_adventure.png b/_src/assets/img/media/music/albums/madeon_adventure.png similarity index 100% rename from _src/assets/img/media/music/madeon_adventure.png rename to _src/assets/img/media/music/albums/madeon_adventure.png diff --git a/_src/assets/img/media/music/madlib_shades-of-blue.png b/_src/assets/img/media/music/albums/madlib_shades-of-blue.png similarity index 100% rename from _src/assets/img/media/music/madlib_shades-of-blue.png rename to _src/assets/img/media/music/albums/madlib_shades-of-blue.png diff --git a/_src/assets/img/media/music/pendulum_hold-your-colour.png b/_src/assets/img/media/music/albums/pendulum_hold-your-colour.png similarity index 100% rename from _src/assets/img/media/music/pendulum_hold-your-colour.png rename to _src/assets/img/media/music/albums/pendulum_hold-your-colour.png diff --git a/_src/assets/img/media/music/pendulum_immersion.png b/_src/assets/img/media/music/albums/pendulum_immersion.png similarity index 100% rename from _src/assets/img/media/music/pendulum_immersion.png rename to _src/assets/img/media/music/albums/pendulum_immersion.png diff --git a/_src/assets/img/media/music/pete-rock_petestrumentals.png b/_src/assets/img/media/music/albums/pete-rock_petestrumentals.png similarity index 100% rename from _src/assets/img/media/music/pete-rock_petestrumentals.png rename to _src/assets/img/media/music/albums/pete-rock_petestrumentals.png diff --git a/_src/assets/img/media/music/redeyes_poetry-in-motion.png b/_src/assets/img/media/music/albums/redeyes_poetry-in-motion.png similarity index 100% rename from _src/assets/img/media/music/redeyes_poetry-in-motion.png rename to _src/assets/img/media/music/albums/redeyes_poetry-in-motion.png diff --git a/_src/assets/img/media/music/tunic.png b/_src/assets/img/media/music/albums/tunic.png similarity index 100% rename from _src/assets/img/media/music/tunic.png rename to _src/assets/img/media/music/albums/tunic.png diff --git a/_src/assets/img/media/music/vince-kaichan_tracker-works.png b/_src/assets/img/media/music/albums/vince-kaichan_tracker-works.png similarity index 100% rename from _src/assets/img/media/music/vince-kaichan_tracker-works.png rename to _src/assets/img/media/music/albums/vince-kaichan_tracker-works.png diff --git a/_src/assets/img/media/music/fasttracker2.png b/_src/assets/img/media/music/fasttracker2.png new file mode 100644 index 0000000..4b03ee6 Binary files /dev/null and b/_src/assets/img/media/music/fasttracker2.png differ diff --git a/_src/assets/img/media/music/impulsetracker.png b/_src/assets/img/media/music/impulsetracker.png new file mode 100644 index 0000000..e95419c Binary files /dev/null and b/_src/assets/img/media/music/impulsetracker.png differ diff --git a/_src/assets/img/media/music/modplug.png b/_src/assets/img/media/music/modplug.png new file mode 100644 index 0000000..803dbe1 Binary files /dev/null and b/_src/assets/img/media/music/modplug.png differ diff --git a/_src/assets/img/media/music/smt_iv.png b/_src/assets/img/media/music/smt_iv.png deleted file mode 100644 index 91be383..0000000 Binary files a/_src/assets/img/media/music/smt_iv.png and /dev/null differ diff --git a/_src/assets/img/theme/citrus/border.png b/_src/assets/img/theme/citrus/border.png new file mode 100644 index 0000000..ba2fd17 Binary files /dev/null and b/_src/assets/img/theme/citrus/border.png differ diff --git a/_src/assets/img/theme/citrus/checker-dark.png b/_src/assets/img/theme/citrus/checker-dark.png deleted file mode 100644 index 6e18ab3..0000000 Binary files a/_src/assets/img/theme/citrus/checker-dark.png and /dev/null differ diff --git a/_src/assets/img/theme/citrus/checker.png b/_src/assets/img/theme/citrus/checker.png index 6b427f3..a75fcac 100644 Binary files a/_src/assets/img/theme/citrus/checker.png and b/_src/assets/img/theme/citrus/checker.png differ diff --git a/_src/assets/img/theme/citrus/dot-dark.png b/_src/assets/img/theme/citrus/dot-dark.png deleted file mode 100644 index edb6b9f..0000000 Binary files a/_src/assets/img/theme/citrus/dot-dark.png and /dev/null differ diff --git a/_src/assets/img/theme/citrus/dot.png b/_src/assets/img/theme/citrus/dot.png index 5d5048c..282b2ef 100644 Binary files a/_src/assets/img/theme/citrus/dot.png and b/_src/assets/img/theme/citrus/dot.png differ diff --git a/_src/data/art/artwork/PETSCII sunny.md b/_src/data/art/artwork/PETSCII sunny.md index a57bff7..7f8a6be 100644 --- a/_src/data/art/artwork/PETSCII sunny.md +++ b/_src/data/art/artwork/PETSCII sunny.md @@ -14,6 +14,6 @@ A hybrid pixel and PETSCII portrait of sunny. I'm quite fond of both versions! One looks more glossy and true to his model, and the other's got a cute pouty look to his face. -Color palette used: {%ai"https://lospec.com/palette-list/calm-48"%}Calm 48\*{%endai%} +`Color palette used:` {%ai"https://lospec.com/palette-list/calm-48"%}Calm 48\*{%endai%} -\*The lime green nose is a modification and not part of the base palette. +`*The lime green nose is a modification and not part of the base palette.` diff --git a/_src/data/art/artwork/acnl sunny.md b/_src/data/art/artwork/acnl sunny.md index 54ab938..3aa9ae0 100644 --- a/_src/data/art/artwork/acnl sunny.md +++ b/_src/data/art/artwork/acnl sunny.md @@ -12,13 +12,16 @@ images: alt: Latest revision with the view from the front, superimposed on the Agender pride flag. date: 2024-10-28 pixel: true +attachments: + - src: /assets/img/blog/acnl_town.png + alt: In-game screenshot of my town hall's flag. +flags: + - src: /assets/img/flag/rainbow.svg + alt: Rainbow pride flag + - src: /assets/img/flag/agender.svg + alt: Agender pride flag --- -![Rainbow pride flag](/assets/img/flag/rainbow.svg) -![Agender pride flag](/assets/img/flag/agender.svg) - Originally made to be used as a town flag design for my Animal Crossing New Leaf town. -I used these as avatars for a while. - -
In-game screenshot of my town hall's flag.
\ No newline at end of file +I used these as avatars for a while. \ No newline at end of file diff --git a/_src/data/art/artwork/pride.md b/_src/data/art/artwork/pride.md index a8566eb..5c42a03 100644 --- a/_src/data/art/artwork/pride.md +++ b/_src/data/art/artwork/pride.md @@ -6,9 +6,11 @@ images: - src: /assets/img/art/sundae_hike.png alt: Sunny scaling a grassy hill on a windy day and holding his hair. date: 2022-11-20 +flags: + - src: /assets/img/flag/pansexual.svg + alt: Pansexual pride flag --- -![Pansexual pride flag](/assets/img/flag/pansexual.svg) First done in {%ai"https://www.clipstudio.net/en/"%}Clip Studio Paint{%endai%}, but I eventually settled on {%ai"https://krita.org/en/"%}Krita{%endai%} and re-drew him there. diff --git a/_src/data/art/artwork/sunny mimiga.md b/_src/data/art/artwork/sunny mimiga.md index 5547000..0d93df5 100644 --- a/_src/data/art/artwork/sunny mimiga.md +++ b/_src/data/art/artwork/sunny mimiga.md @@ -1,7 +1,9 @@ --- images: - src: /assets/img/art/sundae_cs.png - alt: Pixel art avatar of Sundae as a character from Cave Story, using Sue Sakamoto's portrait as a base. + alt: Pixel art avatar of Sundae as a mimiga character from Cave Story. date: 2020-11-12 pixel: true --- + +This is made using Sue Sakamoto's portrait as a base. \ No newline at end of file diff --git a/_src/data/art/artwork/vector bun.md b/_src/data/art/artwork/vector bun.md index 5f57153..5740763 100644 --- a/_src/data/art/artwork/vector bun.md +++ b/_src/data/art/artwork/vector bun.md @@ -3,10 +3,14 @@ images: - src: /assets/img/art/modular-vector-shape_bun.png alt: Modular vector shape artwork of a white bunny wearing a trans pride hair bow, glasses and a pink and white sweater. They're holding their paws up against their face and blushing with their eyes closed. date: 2023-09-01 +attachments: + - src: /assets/img/blog/bun.png + alt: In-game screenshot of the avatar +flags: + - src: /assets/img/flag/trans.svg + alt: Transgender pride flag --- -![Transgender pride flag](/assets/img/flag/trans.svg) - Made using {%ai"https://lvllvl.com/"%}lvllvl{%endai%}'s vector mode, with the "modular shapes" vector set. A character that I first made in ROBLOX. @@ -14,6 +18,4 @@ They're unnamed, because I haven't done much with them outside of this artwork. Although, I was surprised how cute I could make an avatar that's not restricted to the default square body that I've been accustomed to for a decade. -Color palette used: {%ai"https://lospec.com/palette-list/cs112-v2"%}CS112-V2{%endai%} - -
In-game screenshot of the avatar
\ No newline at end of file +`Color palette used:` {%ai"https://lospec.com/palette-list/cs112-v2"%}CS112-V2{%endai%} \ No newline at end of file diff --git a/_src/data/art/fanart/PETSCII kass.md b/_src/data/art/fanart/PETSCII kass.md index ad34d45..e9fa3e0 100644 --- a/_src/data/art/fanart/PETSCII kass.md +++ b/_src/data/art/fanart/PETSCII kass.md @@ -1,13 +1,14 @@ --- images: - src: /assets/img/art/petscii_kass.png - alt: Side portrait of Kass from The Legend of Zelda Breath of the Wild. + alt: Side portrait of Kass, looking back at the player. date: 2023-02-23 pixel: true +attachments: + - src: /assets/img/blog/kass.jpg + alt: In-game screenshot of Kass that I took as reference. --- -A PETSCII rendition of a screenshot that I took in The Legend of Zelda: Breath of the Wild, of Kass looking back at the player. +A PETSCII rendition of a screenshot that I took in The Legend of Zelda: Breath of the Wild. -Color palette used: {%ai"https://lospec.com/palette-list/new-worlds-46"%}New Worlds 46{%endai%} - -
In-game screenshot of Kass that I took as reference.
\ No newline at end of file +`Color palette used:` {%ai"https://lospec.com/palette-list/new-worlds-46"%}New Worlds 46{%endai%} \ No newline at end of file diff --git a/_src/data/art/fanart/PETSCII lurantis.md b/_src/data/art/fanart/PETSCII lurantis.md index 1f10635..787ff83 100644 --- a/_src/data/art/fanart/PETSCII lurantis.md +++ b/_src/data/art/fanart/PETSCII lurantis.md @@ -10,4 +10,4 @@ This isn't so much PETSCII as it is pixel art, but it's my first artwork that I' {%ai"https://archives.bulbagarden.net/wiki/Category:Lurantis"%}Lurantis don't have a mouth{%endai%}, but I thought I'd give them one anyway, because they look cute with. -Color palette used: {%ai"https://lospec.com/palette-list/pastel-horizon"%}Pastel Horizon{%endai%} \ No newline at end of file +`Color palette used:` {%ai"https://lospec.com/palette-list/pastel-horizon"%}Pastel Horizon{%endai%} \ No newline at end of file diff --git a/_src/data/art/fanart/PETSCII sue.md b/_src/data/art/fanart/PETSCII sue.md index 51deaa4..928ce17 100644 --- a/_src/data/art/fanart/PETSCII sue.md +++ b/_src/data/art/fanart/PETSCII sue.md @@ -1,12 +1,12 @@ --- images: - src: /assets/img/art/petscii_sue.png - alt: Sue Sakamoto from Cave Story sitting and looking out from the Outer Wall. + alt: Sue Sakamoto sitting and looking out from the Outer Wall. date: 2023-01-16 --- -The first PETSCII artwork that I've done before knowing the existence of {%ai"https://lvllvl.com/"%}lvllvl{%endai%}, using a much less user-friendly tool. +Cave Story!!! The first PETSCII artwork that I've done before knowing the existence of {%ai"https://lvllvl.com/"%}lvllvl{%endai%}, using a much less user-friendly tool. Inspired by {%ai"https://mileshouse.neocities.org"%}kiophen{%endai%} and {%ai"https://creature0354.neocities.org"%}lati{%endai%}'s first PETSCII works! -Color palette used: Commodore 64 +`Color palette used:` Commodore 64 diff --git a/_src/data/art/fanart/mallow.md b/_src/data/art/fanart/mallow.md new file mode 100644 index 0000000..a49f6e4 --- /dev/null +++ b/_src/data/art/fanart/mallow.md @@ -0,0 +1,11 @@ +--- +images: + - src: /assets/img/art/mallow.png + alt: Mallow from Cavern Crusher, sitting on the ledge of a mossy stone pit with water at the bottom. + date: 2025-08-03 +--- +{%ai"https://caverncrusher.com/Mallow"%}Mallow!{%endai%} I love this goober. It's from a ROBLOX game titled {%ai"https://www.roblox.com/games/15121756860/CAVERN-CRUSHER"%}Cavern Crusher{%endai%} that's in development (as of writing). + +It has a lot of really cute character designs and I just had to draw one of them. + +Fun fact: This is the first artwork that uses a different date format than the rest of my (older) pieces, using `DD/MM/YY` instead of `MM/DD/YY`.
Going forward, this will be my new standard. \ No newline at end of file diff --git a/_src/data/art/fanart/sibuxiang.md b/_src/data/art/fanart/sibuxiang.md index 110e579..8634d40 100644 --- a/_src/data/art/fanart/sibuxiang.md +++ b/_src/data/art/fanart/sibuxiang.md @@ -1,7 +1,7 @@ --- images: - src: /assets/img/art/sibuxiang.png - alt: Side portrait of qilin Sibuxiang from 靴下猫腰子 (Fabulous Beasts). + alt: Side portrait of qilin Sibuxiang from 有兽焉 (Fabulous Beasts). date: 2025-01-07 --- diff --git a/_src/data/articles/bio.md b/_src/data/articles/bio.md index 4eccc24..66f6d56 100644 --- a/_src/data/articles/bio.md +++ b/_src/data/articles/bio.md @@ -1,5 +1,6 @@ # Bio Hi! My name's Sunny. I'm: + * an artist * a writer * an audio and video editor diff --git a/_src/data/articles/fanart.md b/_src/data/articles/fanart.md new file mode 100644 index 0000000..f782ce8 --- /dev/null +++ b/_src/data/articles/fanart.md @@ -0,0 +1,3 @@ +# Fan art + +Various artworks featuring characters from other media \ No newline at end of file diff --git a/_src/data/articles/interests.md b/_src/data/articles/interests.md index ddb3b84..e5686bf 100644 --- a/_src/data/articles/interests.md +++ b/_src/data/articles/interests.md @@ -1,12 +1,7 @@ # Interests -Below is a list of media that I'm into. +Below are lists of media that I've enjoyed and/or still enjoy. -Note that it's a non-exclusive list. +It is a non-exclusive list, so not everything ever is on here. Just whatever comes to mind to recommend. -The links to stuff can range from: -* where to find it -* something cool -* something insightful -* something useful -* something funny \ No newline at end of file +There will be **a lot** of music, though. \ No newline at end of file diff --git a/_src/data/articles/ocs.md b/_src/data/articles/ocs.md new file mode 100644 index 0000000..0a49497 --- /dev/null +++ b/_src/data/articles/ocs.md @@ -0,0 +1,3 @@ +# Original characters + +My own characters that I've drawn \ No newline at end of file diff --git a/_src/data/blog/Break time.md b/_src/data/blog/Break time.md index e5cff8c..9c74907 100644 --- a/_src/data/blog/Break time.md +++ b/_src/data/blog/Break time.md @@ -20,7 +20,7 @@ Actually, it had been mostly finished for a while (since July 1), but I hit a co * rebasing large parts of the page styling * a larger emphasis on accessibility -### I have no some idea what I'm doing +### I have no some idea what I'm doing For starters, porting a website (at least one that's paw-written by yours truly) to a static site generator like {% ai "https://11ty.dev/"%}Eleventy{% endai %} was definitely something, having only dabbled with editing `.html` and `.css` files without hosting a local server. diff --git a/_src/data/changelog/2023-07-16.md b/_src/data/changelog/2023-07-16.md index 873dc4d..8b55506 100644 --- a/_src/data/changelog/2023-07-16.md +++ b/_src/data/changelog/2023-07-16.md @@ -3,6 +3,6 @@ title: Version 1 --- ![](/assets/img/changelog/ver1.png) -* Changed backgrounds - * New vector icon of Sunny as the inner background - * Orange-yellow radial gradient for the outer background +* Changed `backgrounds` + * New vector icon of Sunny as the inner `background` + * Orange-yellow radial gradient for the outer `background` diff --git a/_src/data/changelog/2023-07-18.md b/_src/data/changelog/2023-07-18.md index b728c5f..9960716 100644 --- a/_src/data/changelog/2023-07-18.md +++ b/_src/data/changelog/2023-07-18.md @@ -1,4 +1,4 @@ * Changed [Gallery](/gallery) - * Implemented [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout) + * Implemented [CSS Grid layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout) * Removed Sunny's portrait from the sidebar * Drafted ~~About~~ diff --git a/_src/data/changelog/2023-12-01.md b/_src/data/changelog/2023-12-01.md index 2780d88..ca1e1a3 100644 --- a/_src/data/changelog/2023-12-01.md +++ b/_src/data/changelog/2023-12-01.md @@ -4,14 +4,14 @@ title: Version 3 ![](/assets/img/changelog/ver3.png) -Some considerations were put into making page elements stand out more. I tried to remove redundant CSS rules and HTML nesting when necessary, and tried my best to conform to semantic HTML. +Some considerations were put into making page elements stand out more. I tried to remove redundant rules and nesting when necessary, and tried my best to conform to [semantic HTML](https://developer.mozilla.org/en-US/curriculum/core/semantic-html/). * Added [Changelog](/changelog)! * Merged Sidebar and topbar into a single `JS` file - * Previously implemented with seperate scripts for each list, which meant that I still had to update every page + * Previously implemented with seperate `scripts` for each list, which meant that I still had to update every page * Buttons are more visually distinct and don't have issues with readability * No more shiny buttons... -* Changed backgrounds - * Converted `SVG` backgrounds to `PNG` +* Changed `backgrounds` + * Converted from `SVG` to `PNG` * This should hopefully fix most performance issues on low-end devices, like phones * Updated my 88x31 button [![](/assets/img/button/sunbun_b.gif "sunbun")](/) diff --git a/_src/data/changelog/2024-06-11.md b/_src/data/changelog/2024-06-11.md index 70d7d2c..c5d79a4 100644 --- a/_src/data/changelog/2024-06-11.md +++ b/_src/data/changelog/2024-06-11.md @@ -6,7 +6,7 @@ title: Version 4 * Shiny buttons are BACK! * Buttons now have less intense borders than previously, for readability -* Changed backgrounds +* Changed `backgrounds` * Different color gradients for each page * Added new fonts * Added [Blog](/blog) @@ -14,7 +14,7 @@ title: Version 4 * Moved back to ~~About~~ as randomized on-page-load sprites. It felt a bit excessive to have a whole page dedicated to something I don't think about that often * Replaced all `WEBP` images with lossy `PNG` via [pngquant](https://pngquant.org/) and optimized most images with [oxipng](https://github.com/shssoichiro/oxipng) * Fixed weird behaviour with the [`float` property](https://developer.mozilla.org/en-US/docs/Web/CSS/float) on the sidebar - * Hovering over items would sometimes reset the value back to initial. Substituted it with padding on the main and aside elements + * Hovering over items would sometimes reset the value back to initial. Substituted it with padding on the `main` and `aside` elements * Changed [Changelog](/changelog) * Changelog is now Windows 98-themed * Changed sidebar diff --git a/_src/data/changelog/2025-08-10.md b/_src/data/changelog/2025-08-10.md new file mode 100644 index 0000000..eccede6 --- /dev/null +++ b/_src/data/changelog/2025-08-10.md @@ -0,0 +1,8 @@ +* Polished the old theme +* Changed [Home](/home) + * Added `details` (dropdown menus) to [interests](/home#interests) +* Changed [Gallery](/gallery) + * Artwork pages themselves are now more modular + * Added a counter if there's multiple artworks in one entry + * Added missing `h1 a` links +* Changed `font-size` on some pages to be slightly bigger diff --git a/_src/pages/changelog.html b/_src/pages/changelog.html index 14b29dd..623bc3f 100644 --- a/_src/pages/changelog.html +++ b/_src/pages/changelog.html @@ -7,6 +7,6 @@ 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 {%for update in collections.updates reversed%}
-

{%if update.data.title%}{{update.data.title}}{%endif%}

{{ update.content }} +

{%if update.data.title%}{{update.data.title}}{%endif%}

{{ update.content }}
{%endfor%} \ No newline at end of file diff --git a/_src/pages/gallery.html b/_src/pages/gallery.html index ce7384d..c1d2906 100644 --- a/_src/pages/gallery.html +++ b/_src/pages/gallery.html @@ -1,24 +1,23 @@ --- title: "Gallery" order: 4 -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" +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" ---
-

Original characters

+ {%for article in collections.articles%} {%if article.fileSlug == 'ocs'%} + {{ article.content }} {%endif%} {%endfor%}
-

Fan art

+ {%for article in collections.articles%} {%if article.fileSlug == 'fanart'%} + {{ article.content }} {%endif%} {%endfor%}
+
+ +
+ +
+