1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
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, -100, -100)");
var height = 50;
var width = 58;
var rows = (($(window).height() / height) / 2) + 1;
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);
var brightenLogo = function () {
var glowPosition = Math.floor(Math.random()*rows*cols);
all[glowPosition].animate({fill: "#FFF"}, 1000, function() {
darkenLogo(all[glowPosition]);
});
};
var darkenLogo = function (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());
$(window).resize(function() {
window.location.reload(true);
});
});
|
