diff options
Diffstat (limited to 'service/pixelated/assets/Interstitial.js')
| -rw-r--r-- | service/pixelated/assets/Interstitial.js | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/service/pixelated/assets/Interstitial.js b/service/pixelated/assets/Interstitial.js new file mode 100644 index 00000000..bc47615f --- /dev/null +++ b/service/pixelated/assets/Interstitial.js @@ -0,0 +1,53 @@ +if ($('#hive').length) { + var hive = new Snap('#hive'); + var img_width = $('#hive').width(); + var left_pos = img_width * .5; + + var pixelated = hive.path("M12.4,20.3v31.8l28,15.8l28-15.8V20.3l-28-15.8L12.4,20.3z M39.2,56.4l-16.3-9V27.9l16.3,9.3L39.2,56.4z M57.7,47.4l-16.1,9l0-19.2l16.1-9.4V47.4z M57.7,25.2L40.4,35.5L22.9,25.2l17.5-9.4L57.7,25.2z").transform("translate(319, 50)").attr("fill", "#908e8e"); + var all = hive.group().transform("matrix(2, 0, 0, 2, "+(left_pos - 950)+", -40)"); + + var height = 50; + var width = 58; + var rows = $(window).height() / height; + var cols = (($(window).width() / width) / 2) + 1; + + for(var j = 0; j < rows; j++) { + for (var i = 0; i < cols; i++) { + x = i * width + (j%2*width/2); + y = j * height; + all.add(pixelated.clone().transform("translate("+x+","+y+")")); + } + } + + all.add(pixelated); + + function brightenLogo() { + var glowPosition = Math.floor(Math.random()*rows*cols); + + all[glowPosition].animate({fill: "#FFF"}, 1000, function() { + darkenLogo(all[glowPosition]); + }); + } + + function darkenLogo(el) { + el.animate({fill: "#908e8e"}, 1000, brightenLogo); + } + + brightenLogo(); + +} + +$(function(){ + var handler = setInterval(function () { + $.ajax({ + method: 'GET', + url: '/' + }).success(function (data) { + if (/Pixelated Mail/g.test(data)) { + window.location.reload(true); + } + }); + }, 5000); + + $('#hive-section').height($(window).height()) +});
\ No newline at end of file |