⬅ ?  

Site Specs

System: HP Omen Desktop (Windows 11) and Macbook Air (M2)
Environment: Tested for Brave Browser, Google Chrome, and Safari
Version: v1.0.0
Host: GitHub Pages
Foundation: VS Code
Maintenance: Locally through Git

Assets

Who's kitty?: Tofu (a.k.a Glorpu)! She’s my cat :3
All pixel art: Done by me through Aseprite, including the background and cursors.
Fonts: Mostly uses Dico for the headers, ModernDOS 8x14 for subheaders, and Pixel Operator for body text (though I mix them around to keep things fresh).

FAQ

Q: How did you code ___?
A:
I probably don’t remember exactly since I taught myself webdev through searching things up and YouTube tutorials. Feel free to look at the source code through my GitHub! I try to comment throughout to explain features.

Q: Can I use your layout?
A:
Yeah! My layout is pretty common and heavily inspired by Neocities websites (which I also took inspiration from).

Q: Can I use/copy/trace your art or use AI to generate similar art?
A:
No assets on this site are free to use. Please do not copy or trace and absolutely do not feed it into AI! Legal action may be issued if used commercially. I have an art account so keep an eye out for when my commissions are open and I can make you similar assets for your site!

Q: How'd you come up with your theme?
A:
I was inspired by retro pixel games from the early 2000's and dating simulators I grew up playing. The angel/alien combination has always been a common interest of mine! I have an alias I've used in games since I was 11: Seraphia, which reflects that interest (inspired by Lady Oriel from Wizard101). I also love aliens <3

Q: Did you learn anything?
A:
Yes, lots. For future Hana, most bugs came down to: no containers for your divs, z-index being wrong somewhere in css, and something wrong with your display properties. Also margins > translateX/Y and probably use fr/vh instead of px.

Q: Any plans to update the site build?
A:
Yes, I am planning on releasing v2.0.0 using React as the framework. It will likely still be maintained locally by me, but v1.0.0 was my first HTML project and so there are some architecture/styling fixes I would like to implement in a newer version. I would start from scratch and probably improve the overall structure of the site on the backend perspective so there aren't as many things hard-coded (which has caused a wide array of issues...). It would also make updates more streamlined!