website info

Some more comprehensive info about the website! Jump to:

< back to about page

accessibility info

I try to do my best when it comes to accessibility to my website. I do believe it's an important step towards a truly free internet. Though at the same time, I'm just a hobbyist webmaster! I tend to learn things through trial-and-error. It's a slow journey, but it's a journey that I'm really enjoying, no matter how slow it takes me!

Feedback on these is very much appreciated!

current website features:

  • Mobile responsive - all pages of this website, no matter the layout, is mobile responsive!
  • Semantic HTML - all pages are built with semantic HTML!
  • Alt image descriptions - Gallery and art images have alt descriptions. Purely decorative images, like pagedolls that don't convey information, don't have alt text.
  • Minimal animations - Outside of the site buttons that are animated, there are no other GIFs used in this site. Some hover effects have minimal animations.
  • (Mostly) Reader mode compatible - Most of my pages are compatible with Firefox's reader mode, but I have to admit sometimes I don't know how to activate it for some pages, and different browsers have different standards I believe.
  • OC Directory Filtering - The oc page's filtering system is now powered by PHP!
  • Guestbook - Powered by PHP too, courtesy of kalechips' Guestbook Code!
  • Gallery System - Powered by PHP three!
  • Javascript functions - I try to make all my JS functions non-important to viewing my site.
    • Styleswitcher - The main site section has three light mode options and three dark mode options. Story sections have a light/dark toggle. If JS is disabled, it defaults to dark mode styles. Sections with a light/dark toggle will adapt to the system default.
    • Status.cafe widget - My homepage has a section where my most recent status is displayed. The fallback gives you a link to my status.cafe page where you can view all my statuses.
    • Page Randomizer - Used for my oc page too! It sends you to a random (existing) oc page on my site.
    • Drawbox - Not sure if this is possible without JS really...though it's mostly just for fun!

site archives

Because of my inability to really settle on a layout, this site has gone through a LOT of changes over the months since its inception. Here they are for your convenience! Each layout only has one page for simplicity.

main site layouts

  • 1st layout (apr 30 - oct 4, 2022)
    • funnily enough, this one has the most similarity to the current layout (as of writing this, it's the 5th). I was worried I lost this version but thankfully it still exists! I didn't do much with this though...the extended timeframe is explained by the fact that I got busy with other things. It does not have a name sadly
  • 2nd layout (Lux) (oct 4 - oct 25, 2022)
    • one of the more "proper" layouts, with the introduction of a blog page and a page for TIA. This was a bit short-lived, just like the 1st one, with the 3rd layout replacing it quickly.
  • 3rd layout (Sleek) (oct 25 - dec 6, 2022)
    • it follows the same sorta style from Lux, plus some inspiration from the Bandcamp website lmao!! I made a lot more headway with this layout, trying out how to switch the styles when people visited some of the more special pages like LOATM and TIA.
  • 4th layout (Sunshine) (dec 6, 2022 - jul 11, 2023)
    • the 2nd longest lasting layout, returning to my roots with a sidebar style because I thought sleek and lux looked too "formal" without them. Also generally for navigational purposes, I enjoy a good sidebar. a lot of things were made during this era, including my decision to give special pages their own dang styles!!
  • 5th layout (Daisy) (jul 11, 2023 - present)
    • the latest project in my Sisyphean pursuit of making the perfect layout for my tastes...which I don't think is possible at this point, but...It's been 3 years and counting, so that has to count for something, right?
    • as of November 19, 2023, these layouts are now made in PHP!

loatm layouts

LOATM really had the most layout changes done...there's a few that weren't actually published (and still unfinished), but I'll put them here anyways!

Most of the elements were untouched, except for the main character pictures, which are what I use for my current LOATM index page.

  • 1st layout (Sleek) (nov 25, 2022 - jan 4, 2023)
    • For the Sleek and Sunshine era of layouts, the story sections mirrored the layout with their own custom colors and fonts.
  • 2nd layout (Sunshine) (jan 4 - jan 19, 2023)
    • This was especially short-lived because I just realized I didn't want. This.
  • 3rd layout (Terminal) (jan 19 - apr 3, 2023)
    • The first LOATM layout made from the ground up, with some interesting style elements. Originally the body font is DejaVu Sans Mono, but I'm in fact way too lazy to import all those fonts in my site.
  • 4th layout (CRT) (Unpublished)
    • Some kind of Terminal V2 going on here with one column and separate "card" containers for each section. There's also a floating clip-path shape in the header, which was a failed attempt at making the header a bit funkier. I'm a lot more successful with it in the Cyber layout and the Rewind layout.
  • 5th layout (Cyber) (apr 3 - jul 18, 2023)
    • Getting a bit sick of Terminal's whole Thing, I tried to work some more with funky clip-paths for some more stylish flare. The header and footer style ended up being the inspiration for my current LOATM layout.
  • 6th layout (Future) (Unpublished)
    • This one is definitely unfinished and pretty experimental with its hamburger menu. Opening the menu gives me a bug, and I'm not really keen about fixing that up. I've checked this is the only layout among all these that isn't mobile-friendly because of how unfinished it is.
  • 7th layout (Cascade) (Unpublished)
    • I was very, very partial to this layout. I took the border and header styles from Future and combined a little bit of Cyber's center-column content and CRT's card sections. I don't remember why I didn't go for this one, it's probably the rounded border business. But you can see a lot of where Rewind really came from.
  • 8th layout (Rewind) (jul 18, 2023 - present)
    • Currently my main LOATM layout, which I'm very proud of! The journey here is kind of obvious enough. I hope I don't get the itch to change this one because I will be so mad.

credits

This site is cobbled together with my own blood, sweat and tears...and also some cool stuff other people made free to use. Check out my links page for code snippets, tutorials, and resources that I used while building this site!