Skip to content

Instantly share code, notes, and snippets.

@joewanko
Created April 10, 2015 18:03
Show Gist options
  • Save joewanko/b24cce0c2f57eca7914b to your computer and use it in GitHub Desktop.
Save joewanko/b24cce0c2f57eca7914b to your computer and use it in GitHub Desktop.
javascript: (function() {
$('#header').remove();
$('#infobar').remove();
$('.side').remove();
$('.spacer')[1].remove();
$('#sharelink_').remove();
$('#report-action-form').remove();
$('.gold-wrap').remove();
$('.footer-parent').remove();
$('.debuginfo').remove();
$('.content')[0].style.margin = '0';
$('.content')[0].style.background = '#eaedef';
$('.thebutton-wrap').css({ border: 'none' });
wscale = ( $(window).width() / $('.thebutton-form').width() ) * 0.75;
hscale = ( $(window).height() / $('.thebutton-form').height() ) * 0.5;
if (wscale > hscale) {
scale = hscale;
} else {
scale = wscale;
}
$('.thebutton-form').css({
borderRadius: 5,
transform: 'scale(' + scale + ')',
});
$('.thebutton-wrap').css({
position: 'absolute',
top: '50%',
left: '50%',
transform: 'translate(-50%, -50%)',
});
$('.content').css({
height: $(window).height(),
width: $(window).width()
});
$('.thebutton-wrap').css({
width: $(window).width()
});
$(window).resize(function(){
$('.content').css({
height: $(window).height(),
width: $(window).width()
});
$('.thebutton-wrap').css({
width: $(window).width()
});
wscale = ( $(window).width() / $('.thebutton-form').width() ) * 0.75;
hscale = ( $(window).height() / $('.thebutton-form').height() ) * 0.5;
if (wscale > hscale) {
scale = hscale;
} else {
scale = wscale;
}
$('.thebutton-form').css({
borderRadius: 5,
transform: 'scale(' + scale + ')',
});
});
colorTimer = window.setInterval(function(){
var s = r.thebutton._msgSecondsLeft;
var ring = $('.thebutton-wrap, .content, body');
ring.css('-webkit-transition', 'background-color 0.4s')
.css('-moz-transition', 'background-color 0.4s')
.css('-ms-transition', 'background-color 0.4s')
.css('-o-transition', 'background-color 0.4s')
.css('transition', 'background-color 0.4s');
if (s < 12) { ring.css('background-color', '#e45a5a') } else
if (s < 22) { ring.css('background-color', '#e6aa3b') } else
if (s < 32) { ring.css('background-color', '#ede77c') } else
if (s < 42) { ring.css('background-color', '#6dcf6d') } else
if (s < 52) { ring.css('background-color', '#68b4dc') } else
{ ring.css('background-color', '#bc70bb') }}, 100);
})()
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment