website info
Some more comprehensive info about the website! Jump to:
< back to about pageaccessibility 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!
tba archives
Soon to be added...archives for pages that aren't included in the main site layout, like story/oc/interest pages
code 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!