You can use the button in the top right corner to switch the theme.
HTML
<button role="switch" data-theme="black-white">FUCK¥πΨ</button>
This will add the class black-white to the body (#wtf-dude) which overwrites the default theme.
CSS
#wtf-dude.black-white {
background-image:none;
}
#wtf-dude.black-white * {
transition:none;
animation:none;
transform:none;
box-shadow:none;
border-color:rgba(255, 255, 255, .55);
opacity:1;
}
The selected theme is saved on the client-side by using the HTML5 localStorage API!
JavaScript
if (localStorage != undefined) {
localStorage.setItem('theme', document.body.className);
}
developer.mozilla.org/en-US/docs/DOM/Storage#localStorage
All of the following CSS stuff will be removed in the black-white theme:
I got some critique saying that my page is overloaded with shit and colors.
reddit.com/r/webdev/comments/134ckj/the_checkbox_hack_is_not_working_on_older_ios_and/c70psl5dsieg1: This site makes want to vomit up my intestines.
timpietrusky.com/advanced-checkbox-hack#comment-70973525Anon: How about something not designed for 2-5 year olds? I feel like I'm learning about shapes and colors here.
I think the black-white theme is ok for now. You can use my page and read the articles without colorfull animations. No stuff flying around and no flashing.
So what do you think?