credit

assets

if you are the original creator of any asset used on this site and want me to take it down, please contact me!

fonts

the fonts used on this site include:

• IBM Plex Sans Thai and Japanese
• Rodin
• BitCasual
• Nineteen Ninety Three
• Pixel Sans
• Press Start Regular
• SeeD Computer
• X12y16pxMaruMonica
• VNPxCopperplate
• FFF Galaxy
• Reenie Beanie
• Beth Ellen
• DM Serif Display
• Space Mono

images

the background image for this page was created by rotferkel. the background image for my landing page was created by flickerfae. pixels in the sidebar were downloaded from here. the gif on my language page was made by me from this video. most of the buttons were downloaded from here. frill graphics on crafts page is by fool lovers (desktop and mobile). backgrounds for my favorite places page were recorded and edited by me from the video game listed. other images link back to their source when i know it; if one is missing a source and you happen to know who made it let me know and i will add it!

technology

javascript libraries

the falling petals is from Sakura.js. the tooltips use Tippy.js. the animations on the crafts page use Rough Notation. the scroll snapping and audio playback on the places page use GSAP's ScrollTrigger. the draggable boxes use Draggabilly, which i learned how to use by looking at this codepen.

code snippets

this site could not have been built without the help of the many, many people who give up their time and knowledge by writing tutorials and sharing open source code online. i would like to share the source of some of the most helpful or ones used with minimal modifications:

• the popup modals on the landing and crafts pages were built using this tutorial
• the hamburger icon animation used for all my mobile sidebars is from here
• the code for sliding vertical tabs on my about page is from here
• the code for the absolute gradient progress bars on my about page is from here
• the animation for the microblog header is from here

static site generators

the microblog was built using microblog.py. the notebook was built using quartz. (almost) every other section was built using eleventy using the liquid templating engine. i use the following plugins:

• markdown-it-attr
• markdown-it-deflists
• fs-extra
• gray-matter
• html-minifier-terser (and thanks to petra pixel for the code on how to use it)
• npm-auto-cache-buster

other

this site is written using obsidian, vscodium, and neovim. the code for my site, as well as the bash scripts i use to help manage everything, can be found on my github. the public folder is hosted on neocities using deploy-to-neocities. if you want to know how i did something the unminified version of the html files are under the eleventy/neocities folder.

while i prioritize my own aesthetic preferences and artistic vision for my site, all attempts are made at making the site usable for mobile users and those who have javascript disabled. if you notice any bugs or have any accessibility concerns, feel free to contact me or open an issue on the site’s github.