tidying up stuff i forgot to change
This commit is contained in:
parent
c091831537
commit
f20b697aed
77 changed files with 1014 additions and 660 deletions
|
|
@ -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/"
|
||||
|
|
|
|||
|
|
@ -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/"
|
||||
}
|
||||
]
|
||||
}
|
||||
124
_src/_data/media-albums.json
Normal file
124
_src/_data/media-albums.json
Normal file
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
134
_src/_data/media-games.json
Normal file
134
_src/_data/media-games.json
Normal file
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
10
_src/_data/media-manga.json
Normal file
10
_src/_data/media-manga.json
Normal file
|
|
@ -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)"
|
||||
}
|
||||
]
|
||||
}
|
||||
154
_src/_data/media-modules.json
Normal file
154
_src/_data/media-modules.json
Normal file
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
9
_src/_data/media-music.json
Normal file
9
_src/_data/media-music.json
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"items": [
|
||||
{
|
||||
"artist": "test",
|
||||
"src": "/",
|
||||
"title": "test"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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/"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -7,10 +7,10 @@ meow: "m18.8003 13.7653q0-1.7737-1.156-2.943-1.1563-1.1693-3.2321-1.3925v-.0525q
|
|||
<html lang="en">
|
||||
<head>
|
||||
<title>
|
||||
{{ site.name }}
|
||||
{% if title %}
|
||||
- {{ page.fileSlug| capitalize }}
|
||||
{% endif %}
|
||||
{{site.name}}
|
||||
{%if title%}
|
||||
- {{page.fileSlug|capitalize}}
|
||||
{%endif%}
|
||||
</title>
|
||||
<link rel="icon" href="/assets/img/icon/sundae.png">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
|
@ -18,23 +18,23 @@ meow: "m18.8003 13.7653q0-1.7737-1.156-2.943-1.1563-1.1693-3.2321-1.3925v-.0525q
|
|||
<link rel="stylesheet" href="/assets/css/reset.css">
|
||||
<link rel="stylesheet" href="/assets/css/default/default.css">
|
||||
<link rel="stylesheet" href="/assets/css/default/system.css" id="custom">
|
||||
{% set availableStyles = ['home', 'blog', 'gallery'] %}
|
||||
{% if page.url %}
|
||||
{% if availableStyles.indexOf(page.url|firstSegment) !== -1 %}
|
||||
<link rel="stylesheet" href="/assets/css/default/{{ page.url|firstSegment }}.css">
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{%set availableStyles = ['home', 'blog', 'gallery']%}
|
||||
{%if page.url%}
|
||||
{%if availableStyles.indexOf(page.url|firstSegment) !== -1%}
|
||||
<link rel="stylesheet" href="/assets/css/default/{{page.url|firstSegment}}.css">
|
||||
{%endif%}
|
||||
{%endif%}
|
||||
</head>
|
||||
<body id="{{ page.url|firstSegment }}">
|
||||
<body id="{{page.url|firstSegment}}">
|
||||
<nav>
|
||||
<details open="">
|
||||
<summary>
|
||||
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="{{ paw }}"></svg>
|
||||
<path d="{{paw}}"></svg>
|
||||
Navigation
|
||||
</summary>
|
||||
{% set currentUrl %}{{ page.url }}{% endset %}
|
||||
{% set sortedPages = collections.pages|sort(attribute='data.order') %}
|
||||
{%set currentUrl%}{{page.url}}{%endset%}
|
||||
{%set sortedPages = collections.pages|sort(attribute='data.order')%}
|
||||
<ul role="list">
|
||||
<li>
|
||||
<a href="../">
|
||||
|
|
@ -47,19 +47,19 @@ meow: "m18.8003 13.7653q0-1.7737-1.156-2.943-1.1563-1.1693-3.2321-1.3925v-.0525q
|
|||
<li>
|
||||
<button id="theme-toggle">
|
||||
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="{{ meow }}"></svg>
|
||||
<path d="{{meow}}"></svg>
|
||||
Toggle theme
|
||||
</button>
|
||||
</li>
|
||||
{% for page in sortedPages %}
|
||||
{%for page in sortedPages%}
|
||||
<li>
|
||||
<a {% if currentUrl === page.url %} aria-current="page" {% endif %} href="{{ page.url }}">
|
||||
<a {%if currentUrl === page.url%} aria-current="page" {%endif%} href="{{page.url}}">
|
||||
<svg width="20" height="20" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="{{ page.data.icon }}"></path>
|
||||
<path d="{{page.data.icon}}"></path>
|
||||
</svg>
|
||||
{{ page.data.title }}</a>
|
||||
{{page.data.title}}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{%endfor%}
|
||||
<script src="/assets/js/theme.js"></script>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -67,21 +67,21 @@ meow: "m18.8003 13.7653q0-1.7737-1.156-2.943-1.1563-1.1693-3.2321-1.3925v-.0525q
|
|||
<details open="">
|
||||
<summary>
|
||||
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="{{ paw }}"></svg>
|
||||
<path d="{{paw}}"></svg>
|
||||
Outgoing
|
||||
</summary>
|
||||
<ul role="list">
|
||||
{% for item in outgoing.items %}
|
||||
{%for item in outgoing.items%}
|
||||
<li>
|
||||
<a href="{{ item.src }}"><img src="{{ item.icon }}" alt="">{{ item.title }}</a>
|
||||
<a href="{{item.src}}"><img src="{{item.icon}}" alt="">{{item.title}}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{%endfor%}
|
||||
</ul>
|
||||
</details>
|
||||
<script src="/assets/js/nav-details.js"></script>
|
||||
</nav>
|
||||
<main>
|
||||
{{ content | safe }}
|
||||
{{content | safe}}
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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
|
|||
---
|
||||
|
||||
<article id="art">
|
||||
<h3>{{ page.fileSlug }}</h3>
|
||||
<section>
|
||||
{% for image in images %}
|
||||
<a href="{{ image.src }}">
|
||||
<figure>
|
||||
<img src="{{ image.src }}" alt="{{ image.alt }}" {% if image.pixel %}style="image-rendering: pixelated"{% endif %}>
|
||||
<figcaption><time datetime="{{ image.date|ISO }}">{{ image.date|readable }}</time>{{ image.alt }}</figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</section>
|
||||
{{ content|safe }}
|
||||
</article>
|
||||
<h3>{{page.fileSlug}}{%for flag in flags%}<img src="{{flag.src}}">{%endfor%}</h3>
|
||||
{{content|safe}}
|
||||
<section>
|
||||
{%for image in images%}
|
||||
<a href="{{image.src}}">
|
||||
<figure>
|
||||
<img src="{{image.src}}" alt="{{image.alt}}" {%if image.pixel%} style="image-rendering: pixelated" {%endif%}>
|
||||
<figcaption>{{image.alt}}</figcaption>
|
||||
<time datetime="{{image.date|ISO}}">{{image.date|readable}}</time>
|
||||
</figure>
|
||||
</a>
|
||||
{%endfor%}
|
||||
</section>
|
||||
{%for attachment in attachments%}
|
||||
<section class="attachment">
|
||||
<a href="{{attachment.src}}">
|
||||
<figure>
|
||||
<img src="{{attachment.src}}">
|
||||
<figcaption>{{attachment.alt}}</figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</section>
|
||||
{%endfor%}
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -7,7 +7,4 @@ body > nav {
|
|||
border: 0;
|
||||
margin: 0 0 var(--pad-sm) 0 ;
|
||||
}
|
||||
& details:not([open]) > summary, details[open] {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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,34 +192,40 @@ 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%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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)) {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -42,11 +42,7 @@ body > nav {
|
|||
align-self: center;
|
||||
}
|
||||
& details {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
& summary::marker {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
& ul {
|
||||
margin: var(--pad-sm);
|
||||
|
|
|
|||
|
|
@ -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));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
BIN
_src/assets/img/art/mallow.png
Normal file
BIN
_src/assets/img/art/mallow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 345 KiB After Width: | Height: | Size: 282 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 196 B After Width: | Height: | Size: 169 B |
BIN
_src/assets/img/media/manga/you-shou-yan.png
Normal file
BIN
_src/assets/img/media/manga/you-shou-yan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
|
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 132 KiB |
|
Before Width: | Height: | Size: 118 KiB After Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 105 KiB After Width: | Height: | Size: 105 KiB |
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 97 KiB |
|
Before Width: | Height: | Size: 84 KiB After Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 106 KiB After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 148 KiB After Width: | Height: | Size: 148 KiB |
|
Before Width: | Height: | Size: 478 KiB After Width: | Height: | Size: 478 KiB |
|
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 96 KiB |
|
Before Width: | Height: | Size: 110 KiB After Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 96 KiB |
|
Before Width: | Height: | Size: 57 KiB After Width: | Height: | Size: 57 KiB |
BIN
_src/assets/img/media/music/fasttracker2.png
Normal file
BIN
_src/assets/img/media/music/fasttracker2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 226 B |
BIN
_src/assets/img/media/music/impulsetracker.png
Normal file
BIN
_src/assets/img/media/music/impulsetracker.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 824 B |
BIN
_src/assets/img/media/music/modplug.png
Normal file
BIN
_src/assets/img/media/music/modplug.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 312 B |
Binary file not shown.
|
Before Width: | Height: | Size: 107 KiB |
BIN
_src/assets/img/theme/citrus/border.png
Normal file
BIN
_src/assets/img/theme/citrus/border.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 807 B |
Binary file not shown.
|
Before Width: | Height: | Size: 123 B |
Binary file not shown.
|
Before Width: | Height: | Size: 134 B After Width: | Height: | Size: 437 B |
Binary file not shown.
|
Before Width: | Height: | Size: 118 B |
Binary file not shown.
|
Before Width: | Height: | Size: 881 B After Width: | Height: | Size: 576 B |
|
|
@ -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.`
|
||||
|
|
|
|||
|
|
@ -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
|
||||
---
|
||||
|
||||
|
||||
|
||||
|
||||
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.
|
||||
|
||||
<section><a href="/assets/img/blog/acnl_town.png"><figure><img src="/assets/img/blog/acnl_town.png"><figcaption>In-game screenshot of my town hall's flag.</figcaption></figure></a></section>
|
||||
|
|
@ -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
|
||||
---
|
||||
|
||||
|
||||
|
||||
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.
|
||||
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
|
@ -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
|
||||
---
|
||||
|
||||
|
||||
|
||||
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%}
|
||||
|
||||
<section><a href="/assets/img/blog/bun.png"><figure><img src="/assets/img/blog/bun.png"><figcaption>In-game screenshot of the avatar</figcaption></figure></a></section>
|
||||
`Color palette used:` {%ai"https://lospec.com/palette-list/cs112-v2"%}CS112-V2{%endai%}
|
||||
|
|
@ -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%}
|
||||
|
||||
<section><a href="/assets/img/blog/kass.jpg"><figure><img src="/assets/img/blog/kass.jpg"><figcaption>In-game screenshot of Kass that I took as reference.</figcaption></figure></a></section>
|
||||
`Color palette used:` {%ai"https://lospec.com/palette-list/new-worlds-46"%}New Worlds 46{%endai%}
|
||||
|
|
@ -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%}
|
||||
`Color palette used:` {%ai"https://lospec.com/palette-list/pastel-horizon"%}Pastel Horizon{%endai%}
|
||||
|
|
@ -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
|
||||
|
|
|
|||
11
_src/data/art/fanart/mallow.md
Normal file
11
_src/data/art/fanart/mallow.md
Normal file
|
|
@ -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`.<br>Going forward, this will be my new standard.
|
||||
|
|
@ -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
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
# Bio
|
||||
Hi! My name's Sunny. I'm:
|
||||
|
||||
* an artist
|
||||
* a writer
|
||||
* an audio and video editor
|
||||
|
|
|
|||
3
_src/data/articles/fanart.md
Normal file
3
_src/data/articles/fanart.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# Fan art
|
||||
|
||||
Various artworks featuring characters from other media
|
||||
|
|
@ -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
|
||||
There will be **a lot** of music, though.
|
||||
3
_src/data/articles/ocs.md
Normal file
3
_src/data/articles/ocs.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# Original characters
|
||||
|
||||
My own characters that I've drawn
|
||||
|
|
@ -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 <s>some</s> idea what I'm doing
|
||||
### I have <s>no</s> 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.
|
||||
|
||||
|
|
|
|||
|
|
@ -3,6 +3,6 @@ title: Version 1
|
|||
---
|
||||
|
||||
|
||||
* 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`
|
||||
|
|
|
|||
|
|
@ -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~~
|
||||
|
|
|
|||
|
|
@ -4,14 +4,14 @@ title: Version 3
|
|||
|
||||
|
||||
|
||||
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 [](/)
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
8
_src/data/changelog/2025-08-10.md
Normal file
8
_src/data/changelog/2025-08-10.md
Normal file
|
|
@ -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
|
||||
|
|
@ -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%}
|
||||
<article>
|
||||
<h3><time datetime="{{update.page.fileSlug|ISO}}">{{update.page.fileSlug|readable}}</time></h3><p>{%if update.data.title%}{{update.data.title}}{%endif%}</p>{{ update.content }}
|
||||
<h3><time datetime="{{update.page.fileSlug|ISO}}">{{update.page.fileSlug|readable}}</time>{%if update.data.title%}<code>{{update.data.title}}</code>{%endif%}</h3>{{ update.content }}
|
||||
</article>
|
||||
{%endfor%}
|
||||
|
|
@ -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"
|
||||
---
|
||||
|
||||
<section id="artworks">
|
||||
<article>
|
||||
<h2>Original characters</h2>
|
||||
{%for article in collections.articles%} {%if article.fileSlug == 'ocs'%}
|
||||
{{ article.content }} {%endif%} {%endfor%}
|
||||
<ul role="list">
|
||||
{% assign sortedArtworks = collections.artworks | sortByFirstDate %} {%
|
||||
for artwork in sortedArtworks %}
|
||||
{% assign sortedArtworks = collections.artworks | sortByFirstDate %} {%for artwork in sortedArtworks %}
|
||||
<li>
|
||||
<a href="{{artwork.page.url}}">
|
||||
<figure>
|
||||
{% if artwork.data.images[0] %}
|
||||
{%if artwork.data.images[0]%}
|
||||
<img src="{{artwork.data.images[0].src}}" alt="{{artwork.data.images[0].alt}}" {%if artwork.data.images[0].pixel%} style="image-rendering: pixelated" {%endif%} />
|
||||
<figcaption>{{artwork.page.fileSlug}}</figcaption>
|
||||
<figcaption>{{artwork.page.fileSlug}}{%if artwork.data.images.size > 1%}<p class="count">(+{{artwork.data.images.size| minus: 1}})</p>{%endif%}</figcaption>
|
||||
{% if artwork.data.images[0].date %}
|
||||
<time datetime="{{artwork.data.images[0].date | ISO}}">{{artwork.data.images[0].date | readable}}</time>
|
||||
<time datetime="{{artwork.data.images[0].date|ISO}}">{{artwork.data.images[0].date|readable}}</time>
|
||||
{%endif%} {%endif%}
|
||||
</figure>
|
||||
</a>
|
||||
|
|
@ -27,18 +26,19 @@ 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
|
|||
</ul>
|
||||
</article>
|
||||
<article>
|
||||
<h2>Fan art</h2>
|
||||
{%for article in collections.articles%} {%if article.fileSlug == 'fanart'%}
|
||||
{{ article.content }} {%endif%} {%endfor%}
|
||||
<ul role="list">
|
||||
{% assign sortedFanarts = collections.fanarts | sortByFirstDate %} {% for
|
||||
fanart in sortedFanarts %}
|
||||
{%assign sortedFanarts = collections.fanarts|sortByFirstDate%} {%for
|
||||
fanart in sortedFanarts%}
|
||||
<li>
|
||||
<a href="{{fanart.page.url}}">
|
||||
<figure>
|
||||
{% if fanart.data.images[0] %}
|
||||
{%if fanart.data.images[0]%}
|
||||
<img src="{{fanart.data.images[0].src}}" alt="{{fanart.data.images[0].alt}}" />
|
||||
<figcaption>{{fanart.page.fileSlug}}</figcaption>
|
||||
{% if fanart.data.images[0].date %}
|
||||
<time datetime="{{fanart.data.images[0].date | ISO}}">{{fanart.data.images[0].date | readable}}</time>
|
||||
{%if fanart.data.images[0].date%}
|
||||
<time datetime="{{fanart.data.images[0].date|ISO}}">{{fanart.data.images[0].date|readable}}</time>
|
||||
{%endif%} {%endif%}
|
||||
</figure>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -4,90 +4,141 @@ order: 1
|
|||
icon: "M12 20 L12 30 4 30 4 12 16 2 28 12 28 30 20 30 20 20 Z"
|
||||
---
|
||||
|
||||
<section id="bio">
|
||||
{% for article in collections.articles %}
|
||||
{% if article.fileSlug == 'bio' %}
|
||||
{{ article.content }}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
<section id="interests">
|
||||
{% for article in collections.articles %}
|
||||
{% if article.fileSlug == 'interests' %}
|
||||
{{ article.content }}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
<section id="collection">
|
||||
<article>
|
||||
<h3>Games</h3>
|
||||
<article id="bio">
|
||||
{%for article in collections.articles%} {%if article.fileSlug == 'bio'%} {{
|
||||
article.content }} {%endif%} {%endfor%}
|
||||
</article>
|
||||
<article id="interests">
|
||||
{%for article in collections.articles%} {%if article.fileSlug == 'interests'%}
|
||||
{{ article.content }} {%endif%} {%endfor%}
|
||||
<details open="">
|
||||
<summary><h3>Games</h3></summary>
|
||||
<ul class="games" role="list">
|
||||
{% for item in games.items %}
|
||||
{%for item in media-games.items%}
|
||||
<li>
|
||||
<a href="{{item.src}}">
|
||||
<div>
|
||||
<img src="{{item.cover}}" alt="Game icon for {{item.title}}"/>
|
||||
<img src="{{item.cover}}" alt="Game icon for {{item.title}}" />
|
||||
</div>
|
||||
<span>{{item.title}}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{%endfor%}
|
||||
</ul>
|
||||
</article>
|
||||
<article>
|
||||
<h3>Albums</h3>
|
||||
</details>
|
||||
|
||||
<!-- will complete never
|
||||
<details open="">
|
||||
<summary><h3>Music</h3></summary>
|
||||
<ul class="music" role="list">
|
||||
{% for item in music.items %}
|
||||
{%for item in media-music.items%}
|
||||
<li>
|
||||
<a href="{{item.src}}">
|
||||
<div><img src="/assets/img/media/music/vlc.png" /></div>
|
||||
<span>{{item.artist}} - {{item.title}}</span>
|
||||
</a>
|
||||
</li>
|
||||
{%endfor%}
|
||||
</ul>
|
||||
</details>
|
||||
-->
|
||||
<details open="">
|
||||
<summary><h3>Albums</h3></summary>
|
||||
<ul class="music" role="list">
|
||||
{%for item in media-albums.items%}
|
||||
<li>
|
||||
<a href="{{item.src}}">
|
||||
<div><img src="{{item.cover}}" /></div>
|
||||
<span>{{item.artist}} - {{item.title}}</span>
|
||||
</a>
|
||||
</li>
|
||||
{%endfor%}
|
||||
</ul>
|
||||
</details>
|
||||
<details open="">
|
||||
<summary><h3>Tracker modules</h3></summary>
|
||||
<ul class="music" role="list">
|
||||
{%for item in media-modules.items%}
|
||||
<li>
|
||||
<a href="{{item.src}}">
|
||||
<div><img src="/assets/img/media/music/{{item.tracker}}.png" /></div>
|
||||
<span>{{item.artist}} - {{item.title}}</span>
|
||||
</a>
|
||||
</li>
|
||||
{%endfor%}
|
||||
</ul>
|
||||
</details>
|
||||
<details open="">
|
||||
<summary><h3>Manga</h3></summary>
|
||||
<ul class="manga" role="list">
|
||||
{%for item in media-manga.items%}
|
||||
<li>
|
||||
<a href="{{item.src}}">
|
||||
<div><img src="{{item.cover}}" /></div>
|
||||
<span>{{item.title}}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{%endfor%}
|
||||
</ul>
|
||||
</article>
|
||||
</section>
|
||||
<section id="badges">
|
||||
<article>
|
||||
<nav>
|
||||
<h3>My buttons!</h3>
|
||||
<ul role="list">
|
||||
{% for item in 88x31-mine.items %}
|
||||
<li>
|
||||
<a href="{{item.src}}" title="{{item.name}}">
|
||||
<img {%if item.id%}id="{{item.id}}"{%endif%} src="{{item.button}}" alt="{{item.alt}}"/>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<h3>Critters!</h3>
|
||||
<ul role="list">
|
||||
{% for item in 88x31-critters.items %}
|
||||
<li>
|
||||
<a href="{{item.src}}" title="{{item.name}}">
|
||||
<img {%if item.id%}id="{{item.id}}"{%endif%} src="{{item.button}}" alt="{{item.alt}}"/>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<h3>Fun!</h3>
|
||||
<ul role="list">
|
||||
{% for item in 88x31.items %}
|
||||
<li>
|
||||
<a href="{{item.src}}" title="{{item.name}}">
|
||||
<img {%if item.id%}id="{{item.id}}"{%endif%} src="{{item.button}}" alt="{{item.alt}}"/>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<script src="/assets/js/cat.js"></script>
|
||||
<script src="/assets/js/fox.js"></script>
|
||||
<script src="/assets/js/bob.js"></script>
|
||||
<script src="/assets/js/piss.js"></script>
|
||||
</nav>
|
||||
<div id="pkmn" aria-label="Randomized list of my favorite Pokémon">
|
||||
<script src="/assets/js/poke.js"></script>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
</details>
|
||||
</article>
|
||||
<article id="badges">
|
||||
<nav>
|
||||
<h3>My buttons!</h3>
|
||||
<p>Link back to my site, if you'd like! Hotlinking is fine with me.</p>
|
||||
<ul role="list">
|
||||
{%for item in 88x31-mine.items%}
|
||||
<li>
|
||||
<a href="{{item.src}}" title="{{item.name}}">
|
||||
<img
|
||||
{%if
|
||||
item.id%}id="{{item.id}}"
|
||||
{%endif%}
|
||||
src="{{item.button}}"
|
||||
alt="{{item.alt}}" />
|
||||
</a>
|
||||
</li>
|
||||
{%endfor%}
|
||||
</ul>
|
||||
<h3>Critters!</h3>
|
||||
<p>↓↓↓↓ awesome ↓↓↓↓</p>
|
||||
<ul role="list">
|
||||
{%for item in 88x31-critters.items%}
|
||||
<li>
|
||||
<a href="{{item.src}}" title="{{item.name}}">
|
||||
<img
|
||||
{%if
|
||||
item.id%}id="{{item.id}}"
|
||||
{%endif%}
|
||||
src="{{item.button}}"
|
||||
alt="{{item.alt}}" />
|
||||
</a>
|
||||
</li>
|
||||
{%endfor%}
|
||||
</ul>
|
||||
<p>↑↑↑↑ awesome ↑↑↑↑</p>
|
||||
<h3>Fun!</h3>
|
||||
<p>i stole these off the highway</p>
|
||||
<ul role="list">
|
||||
{%for item in 88x31.items%}
|
||||
<li>
|
||||
<a href="{{item.src}}" title="{{item.name}}">
|
||||
<img
|
||||
{%if
|
||||
item.id%}id="{{item.id}}"
|
||||
{%endif%}
|
||||
src="{{item.button}}"
|
||||
alt="{{item.alt}}" />
|
||||
</a>
|
||||
</li>
|
||||
{%endfor%}
|
||||
</ul>
|
||||
<script src="/assets/js/cat.js"></script>
|
||||
<script src="/assets/js/fox.js"></script>
|
||||
<script src="/assets/js/bob.js"></script>
|
||||
<script src="/assets/js/piss.js"></script>
|
||||
</nav>
|
||||
<div id="pkmn" aria-label="Randomized list of my favorite Pokémon">
|
||||
<script src="/assets/js/poke.js"></script>
|
||||
</div>
|
||||
</article>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue