stringtheory / museumofglitter Goto Github PK

I'm not sure what kind of shop you're running over there at the Museum of Glitter, but this:

is completely unacceptable to your users in Inner Mongolia!!!

Note the height of this screenshot (which is the minimum height with writing-mode: vertical-lr) is 1631px. Do you honestly expect all of your Inner Mongolian Museum of Glitter patrons to be viewing your site on 4K Ultra HD screens???

By switching to logical properties and values such as min-inline-size instead of width, you would have something much more acceptable, like this:

Note the much more acceptable minimum height of 606px, completely visible on nearly every screen in Inner Mongolia.

Obviously, the graphics will also need to be adjusted to a more appropriate orientation, but I expect this will be done in the localization process.

Fix immediately or so help me God I will call upon the spirit of Genghis Khan himself to rain down his wrath upon the Museum of Glitter.

The header text may not be accessible enough to individuals browsing your site with vision impairments:

The color combination #ff00ff/#fcecfc has a contrast ratio of 2.77, which is not sufficient. At this size, you will need a ratio of at least 3.

Consider using the following foreground/background combination:
#000000 / #fcecfc, which has a ratio of 18.54.

Otherwise, great work on accessibility! I'm glad this page is still usable for those using a screen reader or other assistive technology.

Because everybody needs to win a glitterslide trophy.

Add https://www.instagram.com/princenonesuch/ as our "CatSpiration of the Week" as a block in the .unnecessary_content sidebar.

Just optimize this overly large image before it goes out. Performance is KING!!!!

This page would scientifically be 420% better if it had more marquee. You might need to polyfill it.

Presumably, the disco ball gifs are intended to rotate in a "forward" direction and the unicorn is intended to face in a "backward" direction. If the page is localized to an RTL script like Hebrew, Arabic, Phoenician, or Imperial Aramaic, the disco balls will appear to rotate "backwards" and the unicorn will appear to face "forward":

This is clearly the unintended behavior.

A possible fix could be to use the :dir() pseudo-class, though it would only work in the latest versions of Firefox.

Please fix immediately.

because purple is the best color for flames.