sidebar update, rework of themes, added new sakura theme

content/_index.md

@@ -5,20 +5,19 @@ title = "peachmoon.moe"
 
 *![music note](/img/emoji/nowplaying.gif) [sun-smudged peach moon softer than an ice cream cone in june](/peach_moon-the_unicorns.m4a) ![music note](/img/emoji/nowplaying.gif)*
 </div>
+<a href="https://www.deviantart.com/kittea-paws/art/kitten-floating-away-with-balloons-886993258" target="_blank" rel="noopener noreferrer"><img src="/img/kittea_paws.gif" style="float: left; padding: .75rem;" alt="kitten floating away with balloons"></a>
 
-![hoi](/img/emoji/korihi.gif) hoi i'm [mana](/about), a smol fairy that lives inside of your computer, or at least, your perception of me does. I'm just some lil guy currently residing in the united states. I love [music](/music) and Japanese & Korean idols. I wanna be one of those floral tea aesthetic girlies but if I'm honest I prefer my coffee. I'm a [gaymer](/games) who loves farming sims and visual novels. I'm too creative for my own good, my head is flooded with ideas for new projects all the time.
+hoi i'm [mana](/about), a lil guy that lives inside of your computer, or at least, your perception of me does. I'm just a person currently residing in the united states. I love [music](/music) and Japanese & Korean idols. I wanna be one of those floral tea aesthetic girlies but if I'm honest I prefer my coffee. I'm a [gaymer](/games) who loves farming sims and visual novels. I'm too creative for my own good, my head is flooded with ideas for new projects all the time, and I have trouble sleeping.
 
 I dabble in [drawing](/rkgk) and journaling, which I [blog](/blog) about (because of course I do). I've experimented in blender making mods for ffxiv (none of which I've released publicly -- just trust me, I've suffered in the blender mines) and have made mods for [stardew valley](/games/sdv).
 
 like anyone who grew up in the 90's, I've had a personal website off and on [since 1997](/webcore) or so and always end up coming back to them bc I love the all-rounder nature of being a [fucking webmaster](https://justinjackson.ca/webmaster/). It's the perfect intersection of so many of my interests: graphic design, coding, computers, the internet, etc. I grew up with a personal computer me and my dad built out of literal garbage in 1996, so computers have been an interest of mine for most of my life.
 
-anyway, welcome to my personal site; a place for me to store all my rambles about my special interests, [quiz](/quiz) results, [picrews](/picrew) I've done, [art](/fridge) people have made for me, [places](/links) I think are neat (including my frens' sites and all the [fanlistings](/links#fanlistings) & [cliques](/links#cliques) I am in), and how to [find me](/contact) elsewhere online. thanks for stopping by!
+anyway, welcome to my personal site; a place for me to store all my rambles about my special interests, [quiz](/quiz) results, [picrews](/picrew) I've done, [art](/fridge) people have made for me, [places](/links) I think are neat (including my frens' sites and all the [fanlistings](/links#fanlistings) & [cliques](/links#cliques) I am in), and how to [find me](/contact) elsewhere online. thanks for stopping by! ![korilakkuma wave](/img/emoji/korihi.gif)
 
-bear with me with regard to the sidebar, I'm still figuring out how i wanna structure this thang. I know it's disorganized ;; ![bnnuy embarass](/img/emoji/bnnuy3c.gif)
+<div class="update">
 
-<div style="font-size: .9em; padding: .4em 0">
+- [last update](/updates): 2024.09.23
-
-- [last update](/updates): 2024.09.17
 </div><div class="center">
 
 [![ublock origin now!](ublockoriginnow.png)](https://ublockorigin.com/)
@@ -39,5 +38,5 @@ bear with me with regard to the sidebar, I'm still figuring out how i wanna stru
 This is Bunny.<br>
 Copy and paste Bunny into your webpage to help him gain world domination.
 
-[![pastel urban garden by king lulu deer on deviantART](garden.gif)](https://www.deviantart.com/king-lulu-deer-pixel)
+[![pastel urban garden by king lulu deer on deviantART](saikornos-garden.png)](https://www.deviantart.com/saikornos/art/F2u-My-tiny-garden-707427186)
 </div>

content/about.md

@@ -1,96 +1,19 @@
 +++
-title = "about"
+title = "about this website"
-insert_anchor_links = "heading"
-[extra]
-toc = true
 +++
-## mana
-<figure style="float:right;">
-<img src="/mana.png" alt="mana's fedicard" style="max-height: 900px;"></figure>
-
-- **also known as**: momo, peach, makky, pulilith, hitsuji
-- **identities**: [sapphic](https://lgbtqia.wiki/wiki/Sapphic) [demipansexual](https://lgbtqia.wiki/wiki/Demipansexual); [gender](https://lgbtqia.wiki/wiki/Petalkitty) [is](https://lgbtqia.wiki/wiki/Cutecoric) [confusing](https://lgbtqia.wiki/wiki/Genderfae)
-- **pronouns**: she/they
-- **illnesses**: [ehlers-danlos](https://en.wikipedia.org/wiki/Ehlers%E2%80%93Danlos_syndrome), [rheumatoid arthritis](https://en.wikipedia.org/wiki/Rheumatoid_arthritis), [fibromyalgia](https://en.wikipedia.org/wiki/Fibromyalgia)
-- **neurospicy**: [c-ptsd](https://en.wikipedia.org/wiki/Complex_post-traumatic_stress_disorder), [panic disorder](https://en.wikipedia.org/wiki/Panic_disorder), [misophonia](https://en.wikipedia.org/wiki/Misophonia)
-- **been with my partner since**: 2009.01.01
-- **age**: millenial / 3x
-- **mbti**: [infj](https://www.16personalities.com/infj-personality)
-- **zodiac**: leo ☀, pisces 🌙, aquarius ⤴
-- **timezone**: UTC-6 (most of the year) / UTC-5 ([dst](https://en.wikipedia.org/wiki/Daylight_saving_time))
-- **locale**: 🇺🇸 united states
-
-### favorites
-<div class="fave">
-
-- **color**: pink (specifically [#F47983](https://color-hex.org/color/f47983), 桃色)
-- **flower**: [lycoris radiata](https://en.wikipedia.org/wiki/Lycoris_radiata)
-- **animal**: [two-toed sloth](https://en.wikipedia.org/wiki/Hoffmann%27s_two-toed_sloth)
-- **sanrio character**: [little twin stars](https://www.sanrio.co.jp/characters/kikilala/), [my sweet piano](https://www.sanrio.co.jp/characters/mysweetpiano/)
-- **san-x character**: [tokage](https://www.san-x.jp/characters/sumikko.html), [korilakkuma](https://www.san-x.jp/characters/rilakkuma.html)
-- **food**: [tiramisu](https://en.wikipedia.org/wiki/Tiramisu)
-- **coffee drink**: iced latte with oatmilk & honey
-- **boba tea**: sakura rose milk tea
-- **thing to cook**: pasta
-- **thing to bake**: cookies
-- **fashion aesthetic**: [softgirl](https://aesthetics.fandom.com/wiki/Softie#Softgirl), [pastel academia](https://aesthetics.fandom.com/wiki/Pastel_Academia), [delicate sweet](https://aesthetics.fandom.com/wiki/Delicate_Sweet)
-- **song**: [淋しい熱帯魚](https://inv.tux.pizza/watch?v=iBDnRK9ACTY) (sabishii nettaigyo) by [Wink](https://en.wikipedia.org/wiki/Wink_(duo))
-- **film**: [twin peaks: fire walk with me](https://en.wikipedia.org/wiki/Twin_Peaks:_Fire_Walk_with_Me)
-- **tv show**: [twin peaks](https://en.wikipedia.org/wiki/Twin_Peaks)
-- **video game**: [mother 2](https://en.wikipedia.org/wiki/EarthBound)
-- **anime**: [sailor moon superS](https://en.wikipedia.org/wiki/Sailor_Moon_SuperS)
-- **anime genre**: [iyashikei](https://en.wikipedia.org/wiki/Iyashikei), [slice-of-life](https://en.wikipedia.org/wiki/List_of_slice_of_life_anime), [mahou shoujo](https://en.wikipedia.org/wiki/Magical_girl)
-- **manga**: [watamote!](https://en.wikipedia.org/wiki/No_Matter_How_I_Look_at_It,_It%27s_You_Guys%27_Fault_I%27m_Not_Popular!)
-- **manga genre**: [josei](https://en.wikipedia.org/wiki/Josei_manga), [seinen](https://en.wikipedia.org/wiki/Seinen_manga), [4koma](https://en.wikipedia.org/wiki/Yonkoma)
-- **book**: [1Q84](https://en.wikipedia.org/wiki/1Q84) by haruki murakami  
-- **genre**: [yuri](https://en.wikipedia.org/wiki/Yuri_(genre)), [cosmic horror](https://en.wikipedia.org/wiki/Lovecraftian_horror), [cyberpunk](https://en.wikipedia.org/wiki/Cyberpunk), [psychological thriller](https://en.wikipedia.org/wiki/Psychological_thriller), [LN](https://en.wikipedia.org/wiki/Light_novel)
-</div>
-
-### hobbies & interests
-languages (eng/jpn/german), DIY (cooking, crochet, sewing, jewelrymaking, needlepoint), japanese idols, coding/web design, blogging, modding games, customizing/decorating (with stickers, washi tape, etc.), journaling & planners, singing, kpop, gardening, doodling, video games (animal crossing, harvest moon, stardew valley, jrpgs, and VNs are some favorites), spending time with the homies
-
-### likes
-cute things, sanrio (little twin stars, my melody, my sweet piano), san-x (sumikko gurashi [tokage, ebifurai no shippo], korilakkuma, tare panda), plushies, flowers, coffee, tea, floral flavors, nice people, open-minded people, teas & tisanes, soft & soothing music, naps, animals (sloths, fruit bats, pandas, lesser pandas, sheep, and frogs especially), sweets (tiramisu, crème caramel), pastries (croissant, pain au chocolat, cornets), fountain pens, pastels, tattooing, skincare & makeup, old web
-
-### dislikes
-awful people (nazis, racists, ableists, homophobes, terfs, swerfs, maps, etc.), crowded places, bugs (especially arachnids), hospitals, insomnia, my parents, tiktok, capitalism, nfts/crypto bullshit/web 3.0
-
-### codes
-```
------BEGIN GEEK CODE BLOCK-----  
-GCS/FA d--- s-:+ a C++ UL P L+ E? W+++ N- o? K-? w+@-- O !M V? PS++ PE-- Y+ PGP+ t+ 5+ X+ R !tv b+ !DI D- G e h--- r+++ z+++  
-------END GEEK CODE BLOCK------
-
-*---OTAKU CODE V3.0---*  
-s+++ fs+++ ds+++ fp+++ !ml-- m++ j+>++ o+ a++ mc cd* con! cos+ fic*++ art!*+ va++ h+ r/c dr++ mg+++ fan sf com shn--- sp--- gen!  
-OMG> AKR+++ BTAm+++ CCS++ CHOm+ CBB- DBZ-- EXS%+ FLCL%- FB% FY% 999> GITS++ G080+ G083 GSCm+ INU- KKm%+ KEY> KDS> KODm+ MAC> MKRmg++ NDS%+ MSG+++ PMH++ MNT++ NAD> NVW> EVA++ OTK OS+ PKMg+ PSM++ R12%+ RGU++ MAR> RK+ SM+++ SEL+++ SLA+ SH> SPA+ TMT%-- TM+ TMU++ TRI%-- UYm%+ VPM%+ VOE++ Xm+  
-*---OTAKU CODE V3.0---*
-```
-
-
-### people are saying...
-- *overwhelmingly kind, nurturing, & forgiving* ― the anti-chris
-- *a wonderful and caring ray of sunshine that must be loved and protected at all costs* ― lucidiot
-- *OMGG WE HAVE THE SAME BRAINCELL* ― spherewave
-- *omg cat sandwitch......* ― cheri
-- *whoa! a lil mew mew!* ― epsi
-- *very honorable and powerful* ― bliss
----
-
-## this website
 This website was first uploaded on 21 February 2024. 
 
-The site is built with [zola](https://www.getzola.org/) (a static site generator built in rust) and hosted by [gitlab pages](https://docs.gitlab.com/ee/user/project/pages/); everything is cobbled together in [VSCodium](https://vscodium.com/). The current layout is heavily inspired by the 2-column iframe layouts of the 90's/early 00's, but done with responsive css (and a smidge of javascript) thanks to [these](https://www.w3schools.com/howto/howto_css_sidebar_responsive.asp) [two](https://www.w3schools.com/howto/howto_js_mobile_navbar.asp) tutorials from [W3Schools](https://www.w3schools.com/).
+The site is built with [zola](https://www.getzola.org/) (a static site generator built in rust) and hosted by [gitlab pages](https://docs.gitlab.com/ee/user/project/pages/); everything is cobbled together in [VSCodium](https://vscodium.com/). The current layout is heavily inspired by the 2-column iframe layouts of the 90's/early 00's, but done with responsive css (and a smidge of javascript) thanks to [this tutorial](https://www.w3schools.com/howto/howto_css_sidebar_responsive.asp) from [W3Schools](https://www.w3schools.com/).
 
 This place would not exist without the help of my good friends [lucidiot](https://tilde.town/~lucidiot/) and egg, both of whom helped me a lot with coding, troubleshooting, and proofreading. (thank you both sincerely from the bottom of my heart, you are indispensable homies and I am eternally grateful!)
 
-The background grid for both themes were made by me in [paint.NET](https://getpaint.net/) to match the sidebar graphic's color scheme, as are the site buttons. The sidebar tile backgrounds I found in an image search for tiled bgs (which I then edited heavily) and I unfortunately do not know who originally made them; if you do, please [contact me](/contact) so I can give credit! Some photo editing (brushes, blurring, filters) is done on my phone with either [Line Camera](http://linecamera.snow.me/en) or [Bestie Camera](https://apps.apple.com/us/app/bestie-portrait-selfie-editor/id953511734) (also available [on android](https://play.google.com/store/apps/details?id=us.pinguo.selfie&pli=1)).
+The site buttons were made by me in [paint.NET](https://getpaint.net/). The sidebar tile backgrounds I found in an image search for tiled bgs (which I then edited heavily) and I unfortunately do not know who originally made them; if you do, please [contact me](/contact) so I can give credit! The sidebar image for the sakura theme is from [zeud](https://www.tumblr.com/zeud).
 
-Much of the pixel art is snagged from [various](https://lostsozai.tumblr.com/) [oldweb](https://cutewebgraphics.tumblr.com/) [uploaders](https://pixel-soup.tumblr.com/) on [tumblr](https://www.tumblr.com/dashboard/hubs?filtered_tags=decome). Counter is from [fc2](https://counter.fc2.com/).
+Some photo editing (brushes, blurring, filters) is done on my phone with either [Line Camera](http://linecamera.snow.me/en) or [Bestie Camera](https://apps.apple.com/us/app/bestie-portrait-selfie-editor/id953511734) (also available [on android](https://play.google.com/store/apps/details?id=us.pinguo.selfie&pli=1)). Much of the pixel art is snagged from [various](https://lostsozai.tumblr.com/) [oldweb](https://cutewebgraphics.tumblr.com/) [uploaders](https://pixel-soup.tumblr.com/) on [tumblr](https://www.tumblr.com/dashboard/hubs?filtered_tags=decome). The peach bullet is from [king lulu deer](https://www.deviantart.com/king-lulu-deer/art/Tini-Peach-677927551) on deviantart, and the sakura bullet is by [acryllia](https://www.deviantart.com/acryilia/art/Little-Pixel-Sakura-Bullet-Dark-741631116). My counter is from [fc2](https://counter.fc2.com/).
 
 The last.fm now playing script on my [now](/now) page is by [@biancarosa/lastfm-last-played](https://github.com/biancarosa/lastfm-last-played). Current mood is powered by [imood](https://www.imood.com/), and status at the top of the [now](/now) page is powered by [status.cafe](https://status.cafe).
 
-The fonts used on this website are [Hezaedrus](https://fontlibrary.org/en/font/hezaedrus) by [Hubert & Fischer](https://hfs-studio.com/); [Hylie](https://befonts.com/hylie-font.html) and [Obliviate](https://befonts.com/obliviate-font.html) by [createshaa](https://createshaa.carrd.co/); and [Firstly](https://befonts.com/firstly-display-font.html) by [stormyseas](https://befonts.com/author/stormyseas).
+The fonts used on this website are [Hezaedrus](https://fontlibrary.org/en/font/hezaedrus) by [Hubert & Fischer](https://hfs-studio.com/); [Hylie](https://befonts.com/hylie-font.html) and [Obliviate](https://befonts.com/obliviate-font.html) by [createshaa](https://createshaa.carrd.co/); [Firstly](https://befonts.com/firstly-display-font.html) by [stormyseas](https://befonts.com/author/stormyseas), and [Doki Doki Mono](https://diefonk.itch.io/doki-doki-mono) by [diefonk](https://diefonk.itch.io/).
 
 Various icons (rss, theme toggle, up & back arrows) are from [phosphor](https://phosphoricons.com/). 
 

content/fridge/index.md

@@ -6,8 +6,9 @@ hello and welcome to my fridge! this is where I put all the beautiful things peo
  
 click on any image to see the fullsize version. credits follow the gallery.
 <br><br>
-
+<div class="gallery">
 {{ gallery() }}
+</div>
 
 ## credits
 - Cutemomos and Peach & Egg slime frens by Spherewave

content/games/sdv.md

@@ -1,14 +1,9 @@
 +++
 title = "stardew valley"
-template = "musicpage.html"
+[extra]
+toc = true
 +++
-<div class="navtoc">
+## my farmers
-
-![tiny star](/img/tinystar.gif) [my farmers](#my-farmers) ![tiny star](/img/tinystar.gif) [modlist](#modlist) ![tiny star](/img/tinystar.gif) [recommended](#recommended) ![tiny star](/img/tinystar.gif) [my mods](#my-mods) ![tiny star](/img/tinystar.gif)
-</div>
-<hr style="border: dashed 1px; color: var(--hovColor); width: 93%; margin: 1em auto;">
-
-## my farmers {#my-farmers}
 I have multiple saves for playtesting different mod combinations, but there's really two farmers I'm paying attention to ever; my original vanilla save, and my current modded playthrough.
 
 <div class="stardew-parent">
@@ -20,10 +15,10 @@ I have multiple saves for playtesting different mod combinations, but there's re
 #### ![momoland farm](momoland.png) {.center}
 
 1. **farm type**: forest farm
-2. **likes**: ![fairy stone](fairystone.png) ![star shards](starshards.png) ![nekoite](nekoite.png) ![opal](opal.png) ![fairy rose](fairyrose.png) ![crocus](crocus.png) ![sweet pea](sweetpea.png) ![fiddlehead fern](fiddleheadfern.png) ![snail](snail.png)
+2. **likes**: <div class="imgwall" style="display: inline-block;"> ![fairy stone](fairystone.png) ![star shards](starshards.png) ![nekoite](nekoite.png) ![opal](opal.png) ![fairy rose](fairyrose.png) ![crocus](crocus.png) ![sweet pea](sweetpea.png) ![fiddlehead fern](fiddleheadfern.png) ![snail](snail.png) </div>
-3. **dislikes**: ![rhubarb](rhubarb.png) ![blueberry](blueberry.png) ![beet](beet.png) ![green algae](greenalgae.png) ![bug meat](bugmeat.png) ![trash](trash.png)
+3. **dislikes**: <div class="imgwall" style="display: inline-block;"> ![rhubarb](rhubarb.png) ![blueberry](blueberry.png) ![beet](beet.png) ![green algae](greenalgae.png) ![bug meat](bugmeat.png) ![trash](trash.png) </div>
 4. **girlfriend**: ![Emily](emily.png)
-5. **friendships** ![Wizard](wizard.png) ![Lewis](lewis.png) ![Pierre](pierre.png) ![Gus](gus.png) ![Kent](kent.png) ![Marnie](marnie.png) ![Robin](robin.png)
+5. **friendships** <div class="imgwall" style="display: inline-block;"> ![Wizard](wizard.png) ![Lewis](lewis.png) ![Pierre](pierre.png) ![Gus](gus.png) ![Kent](kent.png) ![Marnie](marnie.png) ![Robin](robin.png) </div>
 6. **pets**: Miso (orange cat), Cleo (horse)
 
 #### ![miso, orange cat](orangecat.png) ![cleo, horse](horse.png) {.center}
@@ -36,16 +31,16 @@ I have multiple saves for playtesting different mod combinations, but there's re
 
 
 1. **farm type**: [Wildflour's Romantic Farm](https://www.nexusmods.com/stardewvalley/mods/20974)
-2. **likes**: ![forest lavender from wildflour forage](forestlavender.png) ![meringue mushroom from wildflour forage](meringuemushroom.png) ![faerie puffball from wildflour faerie garden](faeriepuffball.png) ![pearl moondrop from wildflour faerie garden](pearlmoondrop.png) ![moon maiden from wildflour faerie garden](moonmaiden.png) ![moongold apricot from wildflour faerie garden](moongoldapricot.png) ![butterfly lavender from lumisteria serene meadow](butterflylavender.png) ![snowdrop from lumisteria serene meadow](snowdrop.png) ![spring bells from lumisteria serene meadow](springbells.png)
+2. **likes**: <div class="imgwall" style="display: inline-block;"> ![forest lavender from wildflour forage](forestlavender.png) ![meringue mushroom from wildflour forage](meringuemushroom.png) ![faerie puffball from wildflour faerie garden](faeriepuffball.png) ![pearl moondrop from wildflour faerie garden](pearlmoondrop.png) ![moon maiden from wildflour faerie garden](moonmaiden.png) ![moongold apricot from wildflour faerie garden](moongoldapricot.png) ![butterfly lavender from lumisteria serene meadow](butterflylavender.png) ![snowdrop from lumisteria serene meadow](snowdrop.png) ![spring bells from lumisteria serene meadow](springbells.png) </div>
-3. **dislikes**: ![bug meat](bugmeat.png) ![blueberry](blueberry.png) ![bug steak](bugsteak.png) ![rice pudding](ricepudding.png) ![trash](trash.png) ![fiber](fiber.png)
+3. **dislikes**: <div class="imgwall" style="display: inline-block;"> ![bug meat](bugmeat.png) ![blueberry](blueberry.png) ![bug steak](bugsteak.png) ![rice pudding](ricepudding.png) ![trash](trash.png) ![fiber](fiber.png) </div>
-4. **friendships**: ![Penny](penny.png) ![Elliott](elliott.png) ![Jas](jas.png) ![Linus](linus.png) ![Leah](leah.png)
+4. **friendships**: <div class="imgwall" style="display: inline-block;"> ![Penny](penny.png) ![Elliott](elliott.png) ![Jas](jas.png) ![Linus](linus.png) ![Leah](leah.png) </div>
 5. **pets**: Chamomile (tuxedo cat)
 
 #### ![chamomile, a tuxedo cat](tuxedocat.png) {.center}
 </div></div>
 
 
-## modlist {#modlist}
+## modlist
 this is a list of mods I'm using in my current modded playthrough.
 
 ### quality of life
@@ -421,7 +416,7 @@ adds several new animals to the coop and barn that are traditionally seen as wit
 - [Yet Another Wallpaper Mod](https://www.nexusmods.com/stardewvalley/mods/2068)
 - [Vintage Candy's Walls and Floors](https://www.nexusmods.com/stardewvalley/mods/10840)
 
-## recommended {#recommended}
+## recommended
 Some of these may be old & outdated, so they may not all be compatible with Stardew Valley 1.6; my apologies.
 
 ### modders
@@ -630,7 +625,7 @@ left the community/stopped releasing mods toward the end of 2017. *really* cute
 only for 1.5
 - [Moon Lamp Furniture](https://www.nexusmods.com/stardewvalley/mods/11696)
 
-## my mods {#my-mods}
+## my mods
 I've made a bunch of personal edits of other mods (mostly merging textures from other packs) just for my own personal use, but I've only released the one mod officially on Nexus. Here it is!
 
 - [DIY Pets for Content Patcher](https://www.nexusmods.com/stardewvalley/mods/4764)  

content/links/index.md

@@ -4,7 +4,7 @@ title = "links"
 this will become more populated as I find/remember cool stuff to put here!
 
 ## frens
-<div id="smolbox">
+<div id="smolbox"><div class="imgwall">
 
 [![lucidiot](button/lucidiot.gif)](https://tilde.town/~lucidiot/)
 [![jacky](button/jacky.png)](https://amber-teahou.se/)
@@ -12,7 +12,7 @@ this will become more populated as I find/remember cool stuff to put here!
 [![natalie](button/mew151.gif)](https://www.mew151.net/)
 [![lars](button/lars2.png)](https://larsfrommars.neocities.org/)
 [![pixel](button/pixeldesu.png)](https://pixelde.su/)
-</div>
+</div></div>
 
 ### cliques
 <div id="smolbox" style="text-align: center; font-size: .8em; margin-bottom: .75em;">
@@ -21,13 +21,16 @@ this will become more populated as I find/remember cool stuff to put here!
 [![pixel friends](clique/jeremiah.gif)](https://ac.kuchiki.net/)
 [![i ♥ moogles](clique/moogle.gif)](http://midnight-cloud.net/moogle)
 [![wisp protects the mana seed for peachmoon](clique/wisp.gif)](http://midnight-cloud.net/spirits)
+<div class="imgwall">
+
 [![clouds](clique/mcclouds.gif)](https://www.lejlart.com/apple.html)
 [![pastel colors](clique/mcpastels.gif)](https://www.lejlart.com/apple.html)
 [![coffee](clique/mccoffee.gif)](https://www.lejlart.com/apple.html)
 [![leo](clique/a5.gif)](https://dust.kuchiki.net/)
 [![slice of life](clique/b9.gif)](https://dust.kuchiki.net/)
 [![yuri](clique/b12.gif)](https://dust.kuchiki.net/)
-<i>journaling</i> too, is <img src="clique/yuri.png" style="width: 20px; display: inline-block; vertical-align: middle;" alt="lily" /> <a href="https://birdwrongs.neocities.org/yuri" target="_blank"><b>yuri</b></a>...
+</div>
+<i>journaling</i> too, is <img src="links/clique/yuri.png" style="width: 20px; display: inline-block; vertical-align: middle;" alt="lily" /> <a href="https://birdwrongs.neocities.org/yuri" target="_blank"> <b>yuri</b></a>...
 
 [scented](https://scented.minty.nu/) // peach
 
@@ -35,7 +38,7 @@ this will become more populated as I find/remember cool stuff to put here!
 </div>
 
 ### fanlistings
-<div id="smolbox" style="text-align: center; font-size: .8em; padding-top: 13px; margin-bottom: .5em;">
+<div id="smolbox" style="text-align: center; font-size: .8em; padding-top: 13px; margin-bottom: .5em;"><div class="imgwall">
 
 [![magical girl](fanlist/mahoushoujo.gif)](https://imaginary.nu/henshin/)
 [![sailor saturn](fanlist/saturn.png)](https://fan.enamour.nu/saturn/)
@@ -64,10 +67,11 @@ this will become more populated as I find/remember cool stuff to put here!
 [![sloth](fanlist/sloth03.png)](http://nosastra.com/sloths/)
 [![web design](fanlist/webdesign.png)](https://fan.enamour.nu/web/)
 [![pastel colors](fanlist/pastels.gif)](https://pastels.minty.nu/)
-</div>
+[![tamagotchi](fanlist/tama01.png)](https://fan.wings.nu/tamagotchi/)
+</div></div>
 
 ### button wall
-<div id="smolbox">
+<div id="smolbox"><div class="imgwall">
 
 [![cloud cover](button/cloudcover.png)](https://cloudcover.neocities.org/digital/adopts)
 [![blanket fort](button/blanketfort.gif)](https://blanketfort.neocities.org/)
@@ -77,11 +81,11 @@ this will become more populated as I find/remember cool stuff to put here!
 [![omfg](button/omfg.gif)](https://omfg.neocities.org/)
 [![mothcub](button/mothcub.gif)](https://mothcub.neocities.org/)
 [![lost letters](button/LostLettersbutton.gif)](https://lostletters.neocities.org/)
-</div>
+</div></div>
 
 ### useful stuff
 - [w3schools](https://www.w3schools.com/) - coding tutorials on pretty much anything you can think of; super useful for webdev (but there's tons of other tutorials - c, react, python, etc.)
-- [icolorpalette](https://icolorpalette.com/) - good for choosing similar colors and shades of colors, helped me find colors I liked that also met the [accessibility contrast standard](https://www.w3.org/TR/WCAG21/#dfn-contrast-ratio).
+- [icolorpalette](https://icolorpalette.com/) - good for choosing similar colors and shades of colors.
 - [neocities](https://neocities.org/) - free web hosting, think like old-school geocities but sns-ified.
 
 ### artists

content/me.md

@@ -0,0 +1,75 @@
++++
+title = "about me"
+insert_anchor_links = "heading"
++++
+## mana
+<figure style="float:right;">
+<img src="/mana.png" alt="mana's fedicard" style="max-height: 900px;"></figure>
+
+- **also known as**: momo, peach, makky, pulilith, hitsuji
+- **identities**: [sapphic](https://lgbtqia.wiki/wiki/Sapphic) [demipansexual](https://lgbtqia.wiki/wiki/Demipansexual); [gender](https://lgbtqia.wiki/wiki/Petalkitty) [is](https://lgbtqia.wiki/wiki/Cutecoric) [confusing](https://lgbtqia.wiki/wiki/Genderfae)
+- **pronouns**: she/they
+- **illnesses**: [ehlers-danlos](https://en.wikipedia.org/wiki/Ehlers%E2%80%93Danlos_syndrome), [rheumatoid arthritis](https://en.wikipedia.org/wiki/Rheumatoid_arthritis), [fibromyalgia](https://en.wikipedia.org/wiki/Fibromyalgia)
+- **neurospicy**: [c-ptsd](https://en.wikipedia.org/wiki/Complex_post-traumatic_stress_disorder), [panic disorder](https://en.wikipedia.org/wiki/Panic_disorder), [misophonia](https://en.wikipedia.org/wiki/Misophonia)
+- **been with my partner since**: 2009.01.01
+- **age**: millenial / 3x
+- **mbti**: [infj](https://www.16personalities.com/infj-personality)
+- **zodiac**: leo ☀, pisces 🌙, aquarius ⤴
+- **timezone**: UTC-6 (most of the year) / UTC-5 ([dst](https://en.wikipedia.org/wiki/Daylight_saving_time))
+- **locale**: 🇺🇸 united states
+
+### favorites
+<div class="fave">
+
+- **color**: pink (specifically [#F47983](https://color-hex.org/color/f47983), 桃色)
+- **flower**: [lycoris radiata](https://en.wikipedia.org/wiki/Lycoris_radiata)
+- **animal**: [two-toed sloth](https://en.wikipedia.org/wiki/Hoffmann%27s_two-toed_sloth)
+- **sanrio character**: [little twin stars](https://www.sanrio.co.jp/characters/kikilala/), [my sweet piano](https://www.sanrio.co.jp/characters/mysweetpiano/)
+- **san-x character**: [tokage](https://www.san-x.jp/characters/sumikko.html), [korilakkuma](https://www.san-x.jp/characters/rilakkuma.html)
+- **food**: [tiramisu](https://en.wikipedia.org/wiki/Tiramisu)
+- **coffee drink**: iced latte with oatmilk & honey
+- **boba tea**: sakura rose milk tea
+- **thing to cook**: pasta
+- **thing to bake**: cookies
+- **fashion aesthetic**: [softgirl](https://aesthetics.fandom.com/wiki/Softie#Softgirl), [pastel academia](https://aesthetics.fandom.com/wiki/Pastel_Academia), [delicate sweet](https://aesthetics.fandom.com/wiki/Delicate_Sweet)
+- **song**: [淋しい熱帯魚](https://inv.tux.pizza/watch?v=iBDnRK9ACTY) (sabishii nettaigyo) by [Wink](https://en.wikipedia.org/wiki/Wink_(duo))
+- **film**: [twin peaks: fire walk with me](https://en.wikipedia.org/wiki/Twin_Peaks:_Fire_Walk_with_Me)
+- **tv show**: [twin peaks](https://en.wikipedia.org/wiki/Twin_Peaks)
+- **video game**: [mother 2](https://en.wikipedia.org/wiki/EarthBound)
+- **anime**: [sailor moon superS](https://en.wikipedia.org/wiki/Sailor_Moon_SuperS)
+- **anime genre**: [iyashikei](https://en.wikipedia.org/wiki/Iyashikei), [slice-of-life](https://en.wikipedia.org/wiki/List_of_slice_of_life_anime), [mahou shoujo](https://en.wikipedia.org/wiki/Magical_girl)
+- **manga**: [watamote!](https://en.wikipedia.org/wiki/No_Matter_How_I_Look_at_It,_It%27s_You_Guys%27_Fault_I%27m_Not_Popular!)
+- **manga genre**: [josei](https://en.wikipedia.org/wiki/Josei_manga), [seinen](https://en.wikipedia.org/wiki/Seinen_manga), [4koma](https://en.wikipedia.org/wiki/Yonkoma)
+- **book**: [1Q84](https://en.wikipedia.org/wiki/1Q84) by haruki murakami  
+- **genre**: [yuri](https://en.wikipedia.org/wiki/Yuri_(genre)), [cosmic horror](https://en.wikipedia.org/wiki/Lovecraftian_horror), [cyberpunk](https://en.wikipedia.org/wiki/Cyberpunk), [psychological thriller](https://en.wikipedia.org/wiki/Psychological_thriller), [LN](https://en.wikipedia.org/wiki/Light_novel)
+</div><br>
+
+### hobbies & interests
+languages (eng/jpn/german), DIY (cooking, crochet, sewing, jewelrymaking, needlepoint), japanese idols, coding/web design, blogging, modding games, customizing/decorating (with stickers, washi tape, etc.), journaling & planners, singing, kpop, gardening, doodling, video games (animal crossing, harvest moon, stardew valley, jrpgs, and VNs are some favorites), spending time with the homies
+
+### likes
+cute things, sanrio (little twin stars, my melody, my sweet piano), san-x (sumikko gurashi [tokage, ebifurai no shippo], korilakkuma, tare panda), plushies, flowers, coffee, tea, floral flavors, nice people, open-minded people, teas & tisanes, soft & soothing music, naps, animals (sloths, fruit bats, pandas, lesser pandas, sheep, and frogs especially), sweets (tiramisu, crème caramel), pastries (croissant, pain au chocolat, cornets), fountain pens, pastels, tattooing, skincare & makeup, old web
+
+### dislikes
+awful people (nazis, racists, ableists, homophobes, terfs, swerfs, maps, etc.), crowded places, bugs (especially arachnids), hospitals, insomnia, my parents, tiktok, capitalism, nfts/crypto bullshit/web 3.0
+
+### codes
+```
+-----BEGIN GEEK CODE BLOCK-----  
+GCS/FA d--- s-:+ a C++ UL P L+ E? W+++ N- o? K-? w+@-- O !M V? PS++ PE-- Y+ PGP+ t+ 5+ X+ R !tv b+ !DI D- G e h--- r+++ z+++  
+------END GEEK CODE BLOCK------
+
+*---OTAKU CODE V3.0---*  
+s+++ fs+++ ds+++ fp+++ !ml-- m++ j+>++ o+ a++ mc cd* con! cos+ fic*++ art!*+ va++ h+ r/c dr++ mg+++ fan sf com shn--- sp--- gen!  
+OMG> AKR+++ BTAm+++ CCS++ CHOm+ CBB- DBZ-- EXS%+ FLCL%- FB% FY% 999> GITS++ G080+ G083 GSCm+ INU- KKm%+ KEY> KDS> KODm+ MAC> MKRmg++ NDS%+ MSG+++ PMH++ MNT++ NAD> NVW> EVA++ OTK OS+ PKMg+ PSM++ R12%+ RGU++ MAR> RK+ SM+++ SEL+++ SLA+ SH> SPA+ TMT%-- TM+ TMU++ TRI%-- UYm%+ VPM%+ VOE++ Xm+  
+*---OTAKU CODE V3.0---*
+```
+
+
+### people are saying...
+- *overwhelmingly kind, nurturing, & forgiving* ― the anti-chris
+- *a wonderful and caring ray of sunshine that must be loved and protected at all costs* ― lucidiot
+- *OMGG WE HAVE THE SAME BRAINCELL* ― spherewave
+- *omg cat sandwitch......* ― cheri
+- *whoa! a lil mew mew!* ― epsi
+- *very honorable and powerful* ― bliss

content/music/index.md

@@ -1,14 +1,9 @@
 +++
 title = "music"
-template = "musicpage.html"
+[extra]
+toc = true
 +++
-<div class="navtoc">
+## japanese idols
-
-![tiny star](/img/tinystar.gif) [japanese idols](#japanese-idols) ![tiny star](/img/tinystar.gif) [oshi](#oshi) ![tiny star](/img/tinystar.gif) [korean idols](#korean-idols) ![tiny star](/img/tinystar.gif) [bias](#bias) ![tiny star](/img/tinystar.gif) [producers & labels](#producers-labels) ![tiny star](/img/tinystar.gif) [everything else](#everything-else) ![tiny star](/img/tinystar.gif)
-</div>
-<hr style="border: dashed 1px; color: var(--hovColor); width: 93%; margin: 1em auto;">
-
-## japanese idols {#japanese-idols}
 I first got into idol music back in the days of [LiveJournal](https://en.wikipedia.org/wiki/LiveJournal) (~2002). I had been visiting random anime & Asian music websites I'd come across while surfing the web in the late 90's and eventually found my way to LJ music sharing communities, where I was introduced to [Minimoni.](https://helloproject.fandom.com/wiki/Minimoni), a subgroup of a larger idol group called [Morning Musume.](https://helloproject.fandom.com/wiki/Morning_Musume). I was instantly in love. The first idol song I ever heard was [Minimoni. Hinamatsuri](https://www.youtube.com/watch?v=FXEDWNt-G_M), which was a double A-side single with a song I liked much more, [Mini. Strawberry Pie](https://www.youtube.com/watch?v=Hg9zGtAIDJg). From the moment I heard it, I was hooked: I learned as much as I could about this group and became very interested in idols (a term I'd never heard of before, maybe in manga or anime, but never really understanding what it meant) and began following the group and its subgroups new releases. To this day, Morning Musume. holds a place near and dear to my heart... >w<
 
 Here's a list of some idol groups I've followed over the years:
@@ -116,7 +111,7 @@ Here's a list of some idol groups I've followed over the years:
 ---
 <br>
 
-## oshi {#oshi}
+## oshi
 The term oshimen (推しメン) comes from 推し, to cheer, and メンバー, member; so a member you cheer for (i.e. your best girl). The oshi you cheer for above all others may be known as a kamioshi (神推し), which adds the character 神 (meaning god) in front of the word, which can be used in Japanese to designate something as "the best" (神曲 kamikyoku, or literally "god song" meaning a really good song, for example).  A **bolded name** denotes a member I am extremely fond of, and my kamioshi's name is in ***bolded italics*** with a ![](/img/tinystar.gif) next to it.
 
 ### ![hello! project](hellopro.png) {#hellopro}  
@@ -298,7 +293,7 @@ The term oshimen (推しメン) comes from 推し, to cheer, and メンバー, m
 
 ---
 
-## korean idols {#korean-idols}
+## korean idols
 I heard my first Kpop in 2002 or so, when BoA released her first album. I followed kpop a little back then, but didn't really get more into it until around 2007 when a friend who also liked hello! project introduced me to Girls' Generation. I got kind of into it for a while, then in 2011 when the [Hallyu wave](https://en.wikipedia.org/wiki/Korean_Wave) really hit, I started following groups more seriously.
 
 Since then, I've gotten into watching survival shows, beginning around when [Produce 48](https://kpop.fandom.com/wiki/Produce_48) aired. Since then, I've also watched [Girls Planet 999](https://kpop.fandom.com/wiki/Girls_Planet_999) and [R U Next?](https://kpop.fandom.com/wiki/R_U_Next%3F) I find that these shows, as problematic as they are, offer an insight into the trainees' personalities one might normally get to see (since I don't watch much Korean variety TV...maybe I should get into that?), which gives me a chance to grow fond of a girl, and I usually end up following my favorites even if they don't debut in the group the show is formed around.
@@ -358,7 +353,7 @@ Since then, I've gotten into watching survival shows, beginning around when [Pro
 
 ---
 
-## bias {#bias}
+## bias
 I don't know nearly as much about Korean idol culture as I do Japanese, but my understanding is that a bias is basically their version of an oshi, so it's your favorite member in a group; the one you're *bias*ed toward.
 
 ![SM Entertainment](sment.png)
@@ -465,7 +460,7 @@ I don't know nearly as much about Korean idol culture as I do Japanese, but my u
 
 ---
 
-## producers & labels {#producers-labels}
+## producers & labels
 What follows are some of my favorite producers, composers, netlabels, and collectives. **bolded** are favorites.
 
 ### producers/composers/trackmakers
@@ -491,7 +486,7 @@ What follows are some of my favorite producers, composers, netlabels, and collec
 
 ---
 
-## everything else {#everything-else}
+## everything else
 when I'm not listening to idol music (about 50% of the time), I'm usually listening to indie or alternative.
 
 ### singer-songwriters

content/now.md

@@ -22,8 +22,7 @@ this is a [now](https://nownownow.com/about) page. you can make your own, if you
 </div></div></div>
 <div class="center">
     <p><small>
-    latest played song on <a href="http://last.fm/user/ameiro" target="_blank">last.fm</a> powered by <a href="https://github.com/biancarosa/lastfm-last-played"
+    latest played song on <a href="http://last.fm/user/ameiro" target="_blank">last.fm</a> powered by <a href="https://github.com/biancarosa/lastfm-last-played" target="_blank">@biancarosa/lastfm-last-played</a></small></p>
-                target="_blank">@biancarosa/lastfm-last-played</a></small></p>
 </div>
 
 ---
@@ -46,24 +45,20 @@ Finally got the other two pens from the Sanrio x Platinum Little Meteor crossove
 also I recently brought my bujo to bed to jot down some stuff before I fell asleep and knocked it (and my sparkly pink jinhao fountain pen) off the nightstand in my sleep and broke the lid of my sparkly pink jinhao ;w;
 
 <figure style="clear: both; float: right;">
-<img src="../broken.png" alt="a green hobonichi weeks-style bullet journal sat on top of a thicker journal with green artwork on it; they are turned on their side so that the progress through them is visible.">
+<img src="../broken.png" alt="a broken sparkly rose pink jinhao 82 pen. the lid has split in half so that it can no longer be screwed on.">
 <figcaption>rip to ur lid, lil homie <img src="../img/emoji/cinnasad.gif" alt="cinnamoroll sad"></figcaption></figure>
 
+## this website
+I've been working on converting this website over to [jekyll](https://jekyllrb.com/). I'm having a much easier time with it as opposed to [zola](https://www.getzola.org). It's written in ruby as opposed to rust, which I have more experience with, and seems to be better documented; at least, for a beginner like me it is. :'3 It's slow going, but I'm enjoying it!
+
 ## gaming
 I bought [Fields of Mistria](https://www.fieldsofmistria.com/) and have been playing a ton of that and [Stardew Valley](/games/sdv). Playing it for our archipelago games reignited my interest in the game, so I'm back on my modded bullshit uwu
 
 I'm still playing [Divinity: Original Sin 2](https://store.steampowered.com/app/435150/Divinity_Original_Sin_2__Definitive_Edition/) with Amara, her son, and Egg; and also [Baldur's Gate 3](https://store.steampowered.com/app/1086940/Baldurs_Gate_3/) with [Fiona](https://www.twitch.tv/powerforge), Egg, and Amara. I stopped my solo playthru of BG3 so I could experience the story with everyone, because that's been more fun for me. ![xD](../img/emoji/cuteyay.gif)
 
-I ordered a new Nintendo Switch charger for mine, since I seem to have misplaced it in the move, and have played a little Animal Crossing: New Horizons with some friends, a game I haven't played since 2022.
-
-I released myself from the archipelago playthrough I was in because I'm feeling spread quite thin lately. As an introvert, I've always struggled with balancing my friendships with my personal time. When I was playing ffxiv, it was easy because we were all playing the same game so I could run things with whoever was on. Now that I'm taking a break from the game, it's not as easy to plan things. <img src="../img/emoji/weh.gif" alt="weh" style="max-width: 88px; vertical-align: middle;">
-
 ## home server
 I decapitated the server I built earlier this year and set it up inside of my front closet, but I uh...set something up improperly and have to login for any of my daemons to startup... ![>w<;;](../img/emoji/eheheoops.gif)
 
 So I'll have to drag it out and re-setup the peripherals so I can fix that flub. ![>~<;;](../img/emoji/eugh.gif)
 
 I already miss my [pihole](https://pi-hole.net/). ![cinnasad](../img/emoji/cinnasad.gif)
-
-## unpacking
-this weekend will be the last load we're picking up from our old house, so we'll be officially moved out of there and into our apartment! Maybe we can finally start unpacking our living room (almost everything else is done unpacking, but the living room for some reason has lagged behind...). <img src="../img/emoji/frustrate.gif" alt=">m<" style="max-width: 60px; vertical-align: middle;">

content/rkgk/index.md

@@ -6,5 +6,6 @@ rkgk comes from the japanese word 落書き (rakugaki), meaning "scribble," "gra
 
 click on any image to see the fullsize version.
 <br><br>
-
+<div class="gallery">
 {{ gallery() }}
+</div>

content/updates/20240917.md

@@ -3,4 +3,4 @@ date = "2024-09-17"
 [taxonomies]
   tags = ["updates"]
 +++
-new [website milestone](/about#this-website), we hit 1000 views! also did a small update to the [now](/now) page.
+new [website milestone](/about#milestones), we hit 1000 views! also did a small update to the [now](/now) page.

content/updates/20240923.md

@@ -0,0 +1,6 @@
++++
+date = "2024-09-23"
+[taxonomies]
+  tags = ["updates"]
++++
+been working on transferring to using the [jekyll](https://www.jekyllrb.com) static site generator rather than zola (it's still using zola for now though). completely redid the sidebar to use [details tags](https://www.w3schools.com/tags/tag_details.asp) and redid the way themes work on the website (it now detects if you prefer light mode or dark mode and selects one of the themes based on your preference, but you can also override this using the theme selector on the sidebar if you so desire). I also added a third stylesheet/theme to choose from :D

content/webcore/index.md

@@ -14,21 +14,22 @@ As someone who came of age in the late 90's/early 00's, the aesthetic of old-sch
 </div>
 
 ### buttons & banners
-<div class="webcore">
+<div class="imgwall">
 
 ![trust me, I am good with computer](88x31/trustmeimgoodatcomputer.gif)  
-
 [![favicon records](88x31/favicon.png)](https://faviconrecords.bandcamp.com/)
 [![business casual](88x31/bz.png)](https://businesscasual87.bandcamp.com/)
 [![2814](88x31/2814.gif)](https://2814phaser.bandcamp.com/)
 [![hwae-sa auto](88x31/au.png)](https://auto-7.bandcamp.com/)
 [![peach box](88x31/peachbox.png)](https://shishka.neocities.org/shishka/buttons)
 [![windose20](88x31/windose98.png)](https://whysoserious.jp/needy/)
+[![yume nikki](88x31/yn.gif)](https://www3.nns.ne.jp/~tk-mto/kikiyamaHP.html)
 [![touhou project](88x31/2hu.gif)](https://touhou-project.news/)
 [![stardew valley](88x31/stardew.gif)](https://www.stardewvalley.net)
 [![jeremiah animal crossing now!](88x31/jeremiah.gif)](https://omfg.neocities.org/ac/buttons)
 [![powered by bob](88x31/bob.gif)](https://zanarkand.neocities.org/)
 [![forever online](88x31/foreveronline.gif)](https://www.deviantart.com/kouenli/art/Forever-Online-Stamp-626217529)
+![i dream in html](88x31/1html2.gif)
 ![best viewed with eyes](88x31/besteyes.gif)
 ![i like computer](88x31/ilikecomputer.png)
 [![graphic design is my passion](88x31/passion.jpg)](https://cyber-rot.neocities.org/)
@@ -63,6 +64,7 @@ As someone who came of age in the late 90's/early 00's, the aesthetic of old-sch
 ![transrights](80x15/transrights.png)
 ![fuck fatphobia](80x15/fat.gif)
 ![feminism](80x15/feminism.gif)
+![pro-choice](80x15/prochoice.gif)
 ![anarcho-communism](80x15/anarch_communism.png)
 ![anarchy](80x15/anarchy.gif)
 ![kill television](80x15/killtv.gif)
@@ -74,6 +76,7 @@ As someone who came of age in the late 90's/early 00's, the aesthetic of old-sch
 [![marshmallow](80x15/pastelhello3.png)](https://pastelhello.com/)
 ![love me for me](80x15/lovemeforme.gif)
 ![i heart books](80x15/books.png)
+![lactose intolerant](80x15/nomilk.gif)
 ![tea](80x15/tea.gif)
 ![sushi](80x15/sushi.gif)
 [![korilakkuma](80x15/korilakkuma.gif)](https://artwork.neocities.org/)
@@ -90,7 +93,7 @@ As someone who came of age in the late 90's/early 00's, the aesthetic of old-sch
 </div>
 
 ### blinkies
-<div class="blinkies">
+<div class="imgwall" id="blinkies">
 
 [![anti-terf & pro trans](blinkies/antiterf.gif)](https://omfg.neocities.org/)
 [![fuck your fascist beauty standards](blinkies/fyourface.gif)](https://pinkukingdom.neocities.org/)
@@ -138,7 +141,7 @@ As someone who came of age in the late 90's/early 00's, the aesthetic of old-sch
 </div>
 
 ### stamps
-<div class="web-stamps">
+<div class="imgwall" id="stamps">
 
 [![there is no wrong way to have a body](stamps/bodyacceptance.gif)](https://www.deviantart.com/elstamporoonios/art/No-Wrong-Way-242000081)
 [![did u take ur meds?](stamps/med.gif)](https://www.deviantart.com/king-lulu-deer/art/46ZFH-KDS8G-671250068)
@@ -218,7 +221,7 @@ As someone who came of age in the late 90's/early 00's, the aesthetic of old-sch
 </div>
 
 ### userboxes
-<div class="userbox">
+<div class="imgwall" id="userbox" style="image-rendering: auto;">
 
 [![this user loves cotton candy](userbox/cottoncandy.jpg)](https://pinkpossibly.tumblr.com)
 [![this user loves strawberries](userbox/lovestrawberries.jpg)](https://pinkpossibly.tumblr.com)
@@ -270,7 +273,7 @@ As someone who came of age in the late 90's/early 00's, the aesthetic of old-sch
 </div>
 
 ### emotes
-<div class="emotes">
+<div class="imgwall" id="emotes">
 
 ![pink nodding capoo](emote/nodders.gif)
 ![bouncing creacher](emote/catbounce.gif)
@@ -347,7 +350,7 @@ As someone who came of age in the late 90's/early 00's, the aesthetic of old-sch
 </div>
 
 ### kaomoji & emoticons
-<div class="webcoresmol">
+<div class="center">
 <div class="kaomoji">>w<</div>
 <div class="kaomoji">OwO</div>
 <div class="kaomoji">uwu</div>
@@ -423,6 +426,6 @@ As someone who came of age in the late 90's/early 00's, the aesthetic of old-sch
 <div class="kaomoji">♪.⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊·</div></div>
 
 ### my favorite emoji
-<div class="webcoresmol">
+<div class="center">
 🍥 🩷 🩵 ✨ 🪷 🌸 🌙 🍰 🏳️‍⚧️ 🏳️‍🌈 💖 💕 🤌🏼 🧋 ☕ 🍵 🪼 🍓 🥐 🧃 🦥 🍤 🍮 🍑 🏴‍☠️ 🥚 💯 👀 💦 🫶🏼 🙌🏼 🫰🏼 🤭 🍟 🍡 📚 🍨 🌷 🦀 🙏🏼 💅🏼 👾 🤖 🥹 🥰 🥲 💐 💀 🔮 🥴 🥺 📛 🦑 🔰 🤔 🫠 🙃 🥬 🦐 🎴 🫢 👏🏼 😭
 </div>

static/css/fishcake.css

@@ -0,0 +1,15 @@
+:root {
+    --bgColor: #000040;
+    --fgColor: #D8DAFF;
+    --metaColor: #141C36;
+    --headColor: #A0A8F4;
+    --linkColor: #FF72F7;
+    --hovColor: #6BB6E5;
+    --bgSelect: #6c7086;
+    --sidebarUrl: url("/img/stars.gif") repeat;
+    background-color: #030314;
+    background-size: 10px 10px;
+    background-image:
+      linear-gradient(to right, #1C1736 1px, transparent 1px),
+      linear-gradient(to bottom, #1C1736 1px, transparent 1px);
+  }

static/css/moon.css

@@ -0,0 +1,20 @@
+:root {
+    --bgColor: #000040;
+    --fgColor: #D8DAFF;
+    --metaColor: #141C36;
+    --headColor: #A0A8F4;
+    --linkColor: #FF72F7;
+    --hovColor: #6BB6E5;
+    --bgSelect: #453355;
+    --sidebarUrl: url("/img/stars.gif") repeat;
+    background-color: #030314;
+    background-size: 10px 10px;
+    background-image:
+      linear-gradient(to right, #1C1736 1px, transparent 1px),
+      linear-gradient(to bottom, #1C1736 1px, transparent 1px);
+    --bullet: url("/img/pastelstar.gif")
+  }
+
+  .update ul {
+    list-style-image: url("/img/upup.gif");
+  }

static/css/peach.css

@@ -0,0 +1,20 @@
+:root {
+    --bgColor: #FFFAFC;
+    --fgColor: #6e5854;
+    --metaColor: #FFEFF1;
+    --headColor: #E05969;
+    --linkColor: #BC2F3F;
+    --hovColor: #e3868f;
+    --bgSelect: #fab0b8;
+    --sidebarUrl: url("/img/peach.jpeg") repeat;
+    background-color: white;
+    background-size: 10px 10px;
+    background-image:
+      linear-gradient(to right, #FFEFF1 1px, transparent 1px),
+      linear-gradient(to bottom, #FFEFF1 1px, transparent 1px);
+    --bullet: url("/img/kingluludeer_peach.png")
+  }
+
+  .update ul {
+    list-style-image: url("/img/loveup.gif");
+  }

static/css/sakura.css

@@ -0,0 +1,41 @@
+:root {
+    --bgColor: #F7DEE9;
+    --fgColor: #626865;
+    --metaColor: #F6E6E6;
+    --headColor: #6caecf;
+    --linkColor: #d36977;
+    --hovColor: #FF5686;
+    --bgSelect: #BAD4AF;
+    --sidebarUrl: url("/img/zeudontumblr.png");
+    background-color: var(--bgColor);
+    background-size: 10px 10px;
+    background-image:
+      linear-gradient(to right, #F2EAEA 1px, transparent 1px),
+      linear-gradient(to bottom, #F2EAEA 1px, transparent 1px);
+    --bullet: url("/img/acrylliaDA-sakurabulletdark.png")
+  }
+
+  @font-face {
+    font-family: dokidoki;
+    src: url("/fonts/dokidoki.otf")
+  }
+
+  html {
+    font: .9rem 'dokidoki', monospace;
+  }
+
+  a:hover {
+    text-decoration: underline dotted 2px var(--hovColor);
+  }
+
+  .left-sidebar {
+    background-size:cover;
+  }
+
+  .fave ul {
+    list-style-image: url("/img/tamagotchininja_heart.gif");
+  }
+
+  .update ul {
+    list-style-image: url("/img/pinkarrow.gif");
+  }

static/css/style.css

@@ -1,5 +1,4 @@
-:root,
+ :root {
-:root.light {
   --bgColor: #FFFAFC;
   --fgColor: #6e5854;
   --metaColor: #FFEFF1;
@@ -7,11 +6,16 @@
   --linkColor: #BC2F3F;
   --hovColor: #e3868f;
   --bgSelect: #3a2930;
-  --bgUrl: url("/img/pinkgrid.png") repeat;
   --sidebarUrl: url("/img/peach.jpeg") repeat;
+  background-color: white;
+  background-size: 10px 10px;
+  background-image:
+    linear-gradient(to right, #FFEFF1 1px, transparent 1px),
+    linear-gradient(to bottom, #FFEFF1 1px, transparent 1px);
 }
 
-:root.dark {
+@media (prefers-color-scheme: dark) {
+  :root {
   --bgColor: #000040;
   --fgColor: #D8DAFF;
   --metaColor: #141C36;
@@ -19,8 +23,13 @@
   --linkColor: #FF72F7;
   --hovColor: #6BB6E5;
   --bgSelect: #6c7086;
-  --bgUrl: url("/img/darkgrid.png");
   --sidebarUrl: url("/img/stars.gif") repeat;
+  background-color: #030314;
+  background-size: 10px 10px;
+  background-image:
+    linear-gradient(to right, #1C1736 1px, transparent 1px),
+    linear-gradient(to bottom, #1C1736 1px, transparent 1px);
+} 
 }
 
 @font-face {
@@ -42,12 +51,12 @@
 
 ::-moz-selection {
   color: var(--metaColor);
-  background: var(--hovColor)
+  background: var(--bgSelect)
 }
 
 ::selection {
   color: var(--fgColor);
-  background: var(--hovColor)
+  background: var(--bgSelect)
 }
 
 html {
@@ -77,9 +86,14 @@ a:hover {
   color: var(--hovColor)
 }
 
+img {
+  vertical-align: middle;
+  image-rendering: auto;
+}
+
 h1 {
   color: var(--headColor);
-  font: 4em hylie, cursive;
+  font: 3.8em hylie, cursive;
   line-height: .8em;
   margin: 2vw 0.1vw 0.1vw;
   padding: 0.1vw;
@@ -110,7 +124,7 @@ h4 {
 }
 
 ul {
-  list-style-image: url("/img/kingluludeer_peach.png");
+  list-style-image: var(--bullet);
   font-size: 1em;
   line-height: 1.3em;
   margin: 0.1vw 0.1vw 0.1vw 1vw;
@@ -146,6 +160,11 @@ pre {
   word-break: break-word;
 }
 
+.update ul {
+  font-size: .9em;
+  list-style-image: url("/img/pinkup.gif");
+}
+
 .smoltitle {
   text-align: center;
   margin: auto;
@@ -188,54 +207,30 @@ p.bottomnav {
   font-size: 1em;
 }
 
-.webcore, .emotes, .blinkies, .web-stamps, .userbox {
+.imgwall {
-  display: block;
+  font-size: 0;
-  margin: auto;
+  line-height: 0em;
+  image-rendering: pixelated;
   text-align: center;
-  justify-content: space-around;
 }
 
-.webcore img {
+.imgwall img {
-  vertical-align: middle;
+  display: inline-block;
-  padding: .05rem 0 .05rem 0;
 }
 
-.webcore > * {
+#blinkies img {
-  line-height: 0;
-}
-
-.webcoresmol {
-  margin: 0.1vw 0.1vw 0.1vw 1.5vw;
-}
-.webcoresmol > * {
-  display: flex;
-  text-align: center;
-  line-height: 1.3em;
-  justify-content: space-around;
-}
-
-.web-stamps img {
-  max-width: 100px;
-  max-height: 60px;
-}
-
-.blinkies img {
   max-width: 150px;
 }
 
-.userbox img {
+#userbox img {
   max-width: 239px;
   vertical-align: middle;
   margin: .1rem;
 }
 
-.emotes {
+#emotes img {
-  justify-content: space-between;
-  margin: 0;
-}
-
-.emotes img {
   max-width: 50px;
+  image-rendering: auto;
 }
 
 .kaomoji {
@@ -251,6 +246,10 @@ p.bottomnav {
   background-color: var(--hovColor)
 }
 
+.gallery img {
+  padding: .5rem .25rem;
+}
+
 address {
   margin-left: 1.5vw;
   font-size: 0.9em;
@@ -282,41 +281,6 @@ time {
   text-decoration: none;
 }
 
-.tagcloud {
-  list-style: none;
-  padding-left: 0;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  line-height: 2.5rem;
-}
-
-.tagcloud a {
-  display:block;
-  font-family: firstly, cursive;
-  --size: 4;
-  font-size: calc(var(--size) * 0.5rem + 1.5rem);
-  padding: 0.125rem 0.25rem;
-  text-decoration: none;
-  position: relative;
-}
-
-.tagcloud a[data-weight="1"] { --size: 1; }
-.tagcloud a[data-weight="2"] { --size: 2; }
-.tagcloud a[data-weight="3"] { --size: 3; }
-.tagcloud a[data-weight="4"] { --size: 4; }
-.tagcloud a[data-weight="5"] { --size: 5; }
-.tagcloud a[data-weight="6"] { --size: 6; }
-.tagcloud a[data-weight="7"] { --size: 7; }
-.tagcloud a[data-weight="8"] { --size: 8; }
-.tagcloud a[data-weight="9"] { --size: 9; }
-
-.tagcloud li:nth-child(2n+1) a { --color: var(--headColor); }
-.tagcloud li:nth-child(3n+1) a { --color: var(--hovColor); }
-.tagcloud li:nth-child(4n+1) a { --color: var(--linkColor); }
-
-
 dt {
   font-weight:bold;
   margin-left: 3em;
@@ -347,6 +311,7 @@ figcaption {
   font-style: italic;
   line-height: 1em;
   margin: auto;
+  padding: .5rem;
   max-width: 550px;
 }
 
@@ -357,6 +322,26 @@ hr {
   margin: 1em auto;
 }
 
+details {
+  text-align: center;
+  margin: .2em 0;
+}
+
+summary {
+  text-align: center;
+  margin: 10px 0;
+}
+
+@media screen and (max-width: 700px) {
+  summary, details {
+    margin: .9rem 0;
+  }
+}
+
+.block {
+  display: block;
+}
+
 .dotbox {
   max-width: 80%;
   margin: 10px auto;
@@ -515,7 +500,7 @@ hr {
 }
 
 #smolbox {
-  padding: 0.5em;
+  padding: 0.75rem;
   background-color: var(--metaColor);
   border: 1px dashed var(--hovColor);
   border-radius: 1em;
@@ -525,7 +510,7 @@ hr {
 }
 
 #smolbox p {
-  margin: 0 1.5em;
+  margin: 0;
 }
 
 #statuscafe-username {
@@ -578,10 +563,10 @@ profile-img img {
   height: 100%;
   overflow: auto;
   align-content: center;
+  display: block;
 }
 
 .left-sidebar a {
-  display:block;
   color: var(--linkColor);
   text-decoration: none;
   text-align: center;
@@ -607,6 +592,7 @@ profile-img img {
     height: fit-content;
     position: relative;
     justify-items: center;
+    text-align: center;
     background-color: var(--metaColor);
     padding: 0;
   }
@@ -636,30 +622,23 @@ nav-icon img {
     position: relative;
   }
 }
-.topnav {
-  padding: 0;
-}
-/* Hide the link that should open and close the topnav on small screens */
-.topnav .icon {
-  display: none;
-}
 
- /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
+.theme-switches{
- @media screen and (max-width: 700px) {
+  text-align: center;
-  .topnav #myLinks {
+  display: inline-flex;
-    display: none;
+  align-items: center;
-  }
+  justify-content: center;
-  .topnav a:not(:first-child) {display: none;}
+  flex-wrap: wrap;
-  .topnav a.icon {
-    display: block;
-  }
 }
-
+.switch {
-/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
+  height: 1.5em;
-@media screen and (max-width: 700px) {
+  width: 1.5em;
-  .topnav.responsive {position: relative;}
+  margin: 0.2em;
-  .topnav.responsive a {
+  cursor: pointer;
-    clear: both;
+  display: flex;
-    display: block;
+  align-items: center;
-  }
+  justify-content: center;
+}
+.switch:hover {
+  transform: scale(1.2);
 }

static/js/script.js

@@ -1,25 +1,3 @@
-const setTheme = (theme) => {
-  document.documentElement.className = theme;
-  localStorage.setItem('theme', theme);
-}
-
-const hasCodeRun = localStorage.getItem('hasCodeRun');
-
-if (!hasCodeRun) {
-  const defaultTheme = "{{ config.extra.default_theme }}";
-  setTheme(defaultTheme);
-  localStorage.setItem('hasCodeRun', 'true');
-}
-
-const getTheme = () => {
-  const theme = localStorage.getItem('theme');
-  if (theme) {
-    setTheme(theme);
-  }
-}
-
-getTheme();
-
 let user = 'ameiro';
 let url = 'https://lastfm-last-played.biancarosa.com.br/' + user + '/latest-song';
 let song = document.querySelector('#song');

static/js/theme.js

@@ -0,0 +1,26 @@
+const storedStyle = localStorage.getItem('style');
+if (!storedStyle) {
+  setTheme('green');
+} else {
+  setTheme(storedStyle);
+}
+
+const switches = document.getElementsByClassName('switch');
+for (const el of switches) {
+  el.addEventListener('click', () => {
+    setTheme(el.dataset.theme);
+  });
+}
+
+function setTheme(theme) {
+  if (theme === 'peach') {
+    document.getElementById('switcher-id').href = '/css/peach.css';
+  } else if (theme === 'moon') {
+    document.getElementById('switcher-id').href = '/css/moon.css';
+  } else if (theme === 'sakura') {
+    document.getElementById('switcher-id').href = '/css/sakura.css';
+  } else if (theme === 'fishcake') {
+    document.getElementById('switcher-id').href = '/css/fishcake.css';
+  }   // when adding new themes, be sure to also add it to /templates/alt-sidebar.html and style.css under "switch" //
+  localStorage.setItem('style', theme);
+}

templates/alt-sidebar.html

@@ -0,0 +1,90 @@
+<profile-img>
+  <a href="/" title="picrew" style="padding: 0;"><img id="randomImage" alt="mana's pfp"></a>
+</profile-img>
+<details class="mobile-nav" open>
+    <summary>menu</summary>
+        <details>
+            <summary>
+            <a href="/">home</a>
+            </summary>
+            <a href="/blog/" class="block">
+                blog
+            </a>
+            <a href="/updates/" class="block">
+                updates
+            </a>
+            <a href="/about/" class="block">
+                about
+            </a>
+            <a href="/links/" class="block">
+                links
+            </a>
+        </details>
+        <details>
+            <summary>
+                <a href="/me/">me</a>
+            </summary>
+            <a href="/now/" class="block">
+                now
+            </a>
+            <a href="/quiz/" class="block">
+                quizzes
+            </a>
+            <a href="/picrew/" class="block">
+                picrew
+            </a>
+            <a href="/contact/" class="block">
+                contact
+            </a>
+        </details>
+        <details>
+            <summary>
+            interests
+            </summary>
+        <a href="/music/" class="block">
+            music
+        </a>
+        <a href="/webcore/" class="block">
+            webcore
+        </a>
+        </details>
+        <details>
+            <summary>
+                <a href="/games/">games</a>
+            </summary>
+            <a href="/games/sdv/" class="block">
+                stardew valley
+            </a>
+        </details>
+        <details>
+            <summary>
+            art
+            </summary>
+            <a href="/rkgk/" class="block">
+                rkgk
+            </a>
+            <a href="/fridge/" class="block">
+                my fridge
+            </a>
+        </details>
+        <details>
+            <summary>
+                themes
+            </summary>
+            <div class="theme-switches">
+                <div data-theme="peach" class="switch" id="switch-1">🍑</div>
+                <div data-theme="moon" class="switch" id="switch-2">🌙</div>
+                <div data-theme="sakura" class="switch" id="switch-3">🌸</div>
+            </div>
+        </details>
+</details>
+    <nav-icon>
+    <div>
+        {% block rss %}
+        <a target="_blank" rel="noopener noreferrer" href="{{ get_url(path="atom.xml", trailing_slash=false) }}" title="Subscribe via RSS for updates."><i class="ph ph-rss"></i></a>
+        {% endblock rss %}
+    </div>
+    <div style="padding-bottom: 7px; padding-left: 0;">
+        <script src="//counter1.fc2.com/counter.php?id=39521789&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=39521789&main=1" alt="fc2 counter"></noscript>
+    </div>
+    </nav-icon>

templates/base.html

@@ -7,7 +7,7 @@
 <body>
   <!-- The sidebar -->
 <div class="left-sidebar">
-  {% include "sidebar.html" %}
+  {% include "alt-sidebar.html" %}
 </div>
 
 <!-- Page content -->
@@ -19,6 +19,7 @@
 {% block js %}
 <script src="{{ get_url(path='js/script.js', trailing_slash=false) | safe }}" defer></script>
 <script src="{{ get_url(path='js/profile.js', trailing_slash=false) | safe }}" defer></script>
+<script src="{{ get_url(path='js/theme.js', trailing_slash=false) | safe }}" defer></script>
 {% endblock js %}
 </body>
 </html>

templates/head.html

@@ -91,4 +91,5 @@
 {% block css %}
 <link rel="stylesheet" href="{{ get_url(path='css/style.css', trailing_slash=false) | safe }}">
 <link rel="stylesheet" type="text/css" href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css">
+<link rel="stylesheet" id="switcher-id" href="">
 {% endblock css %}

templates/musicpage.html

@@ -1,9 +0,0 @@
-{% extends "base.html" %}
-
-{% block content %}
-<h1>{{ page.title }}</h1>
-{{ page.content | safe }}
-<p style="text-align: right; margin: auto; position:sticky; bottom: 15px;"><a href="#top" title="return to top">
-    <i class="ph ph-arrow-line-up"></i>
-  </a></p>
-{% endblock content %}

templates/shortcodes/gallery.html

@@ -1,6 +1,6 @@
 <div style="text-align: center;">
 {% for asset in page.assets -%}
-  {%- if asset is matching("[.](jpg|png)$") -%}
+  {%- if asset is matching("[.](jpg|png|gif)$") -%}
     {% set image = resize_image(path=asset, width=350, height=350) %}
     <a href="{{ get_url(path=asset) }}" target="_blank">
       <img src="{{ image.url }}">