Skip to content

Instantly share code, notes, and snippets.

@Kaceykaso
Last active August 29, 2015 14:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Kaceykaso/11453555 to your computer and use it in GitHub Desktop.
Save Kaceykaso/11453555 to your computer and use it in GitHub Desktop.
A Pen by Kaceykaso.
<div class="container notTuesday">
<h1></h1>
<div class="input-wrapper">
<input id="yes-no" type="checkbox" name="yes-no" data-size="large" data-on-text="Yes" data-off-text="No">
</div>
</div>
$(document).ready(function(){
// Turn checkbox to switch
$("[name='yes-no']").bootstrapSwitch();
// Switch click event
$(".input-wrapper").click(function() {
$(".container").toggleClass("notTuesday");
if ($(document).hasClass("Tuesday")) {
$(".container").removeClass("Tuesday");
} else {
$(".container").addClass("Tuesday");
$(".container").snowfall({image :"http://www.kaceycoughlin.com/snow/taco.png", flakeCount : 50, maxSpeed : 10, minSize: 20, maxSize:100});
}
});
});
@import url(http://fonts.googleapis.com/css?family=Oswald);
body {
font-family: 'Oswald', san-serif;
}
h1 {
margin: 0;
padding: 1em;
padding-top: 50vh;
text-align: center;
}
.container {
height: 100vh;
margin: 0 auto;
padding: 0;
width: 100vw;
background: url('http://ianlunn.co.uk/wp-content/uploads/2010/11/bg-sky-300x201.png') repeat scroll;
color: #F3252B;
}
.input-wrapper {
margin: 0 auto;
text-align: center;
}
.container.notTuesday {
/** To edit this background, follow this link:
http://svgeneration.com/generate/Eave-Light Tiles?size=25&fill=39466b&edge-size=1&edge=313763&shadow=19203d&
*/
background-color: #39466b;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnPgoJPGRlZnM+CgkJPHBhdHRlcm4gaWQ9J3RpbGUnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIHdpZHRoPScyNScgaGVpZ2h0PScyNScgdmlld0JveD0nMCAwIDUwIDUwJz4KCQkJPGxpbmUgeDE9JzEnIHkxPScwJyB4Mj0nNTEnIHkyPSc1MCcgc3Ryb2tlPScjMTkyMDNkJyBzdHJva2Utd2lkdGg9JzEnLz4KCQkJPGxpbmUgeDE9JzQ5JyB5MT0nMCcgeDI9Jy0xJyB5Mj0nNTAnIHN0cm9rZT0nIzE5MjAzZCcgc3Ryb2tlLXdpZHRoPScxJy8+CgkJCTxsaW5lIHgxPSc1MCcgeTE9JzAnIHgyPScwJyB5Mj0nNTAnIHN0cm9rZT0nIzMxMzc2Mycgc3Ryb2tlLXdpZHRoPScxJy8+CgkJCTxsaW5lIHgxPScwJyB5MT0nMCcgeDI9JzUwJyB5Mj0nNTAnIHN0cm9rZT0nIzMxMzc2Mycgc3Ryb2tlLXdpZHRoPScxJy8+CgkJPC9wYXR0ZXJuPgoJCTxyYWRpYWxHcmFkaWVudCBpZD0nbCcgY3g9JzUwJScgY3k9JzIwMCUnIGZ5PScwJyByPScyMDElJz4KCQkJPHN0b3Agb2Zmc2V0PScwJScgc3R5bGU9J3N0b3AtY29sb3I6I2ZmZjsgc3RvcC1vcGFjaXR5Oi4xOycgLz4KCQkJPHN0b3Agb2Zmc2V0PScxMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiMwMDA7IHN0b3Atb3BhY2l0eTowLjE7JyAvPgoJCQk8c3RvcCBvZmZzZXQ9JzMwJScgc3R5bGU9J3N0b3AtY29sb3I6IzAwMDsgc3RvcC1vcGFjaXR5OjAuMzsnIC8+CgkJCTxzdG9wIG9mZnNldD0nOTAlJyBzdHlsZT0nc3RvcC1jb2xvcjojMDAwOyBzdG9wLW9wYWNpdHk6MC41NTsnIC8+CgkJCTxzdG9wIG9mZnNldD0nMTAwJScgc3R5bGU9J3N0b3AtY29sb3I6IzAwMDsgc3RvcC1vcGFjaXR5Oi42JyAvPgoJCTwvcmFkaWFsR3JhZGllbnQ+Cgk8L2RlZnM+Cgk8cmVjdCBmaWxsPScjMzk0NjZiJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJy8+Cgk8cmVjdCBmaWxsPSd1cmwoI3RpbGUpJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJy8+Cgk8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2wpJy8+Cjwvc3ZnPg==');
color: #fff;
}
.notTuesday h1:after {
content: "Is it Tuesday?";
}
.Tuesday h1:after {
content: "Yay! Tacos!";
}
.notTuesday.Tuesday h1:after {
content: "YOU CANNOT STOP THE TACOS!!"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment