2017-06-12 19:10:00 +03:00
|
|
|
jQuery(function($){
|
2017-06-12 17:08:09 +03:00
|
|
|
$(".circle-1").height($(".circle-1").width())
|
|
|
|
$(".small-circle").height($(".small-circle").width())
|
|
|
|
$(".circle-2").height($(".circle-2").width())
|
|
|
|
$(".circle-3").height($(".circle-3").width())
|
|
|
|
$(".circle-4").height($(".circle-4").width())
|
|
|
|
$(".humans").height($(".humans").width())
|
|
|
|
$(".humans img").height($(".humans img").width())
|
|
|
|
$(".avatars").height($(".avatars").width())
|
|
|
|
|
|
|
|
$(window).on("resize",function(){
|
|
|
|
$(".circle-1").height($(".circle-1").width())
|
|
|
|
$(".small-circle").height($(".small-circle").width())
|
|
|
|
$(".circle-2").height($(".circle-2").width())
|
|
|
|
$(".circle-3").height($(".circle-3").width())
|
|
|
|
$(".circle-4").height($(".circle-4").width())
|
|
|
|
$(".avatars").height($(".avatars").width())
|
|
|
|
$(".humans").height($(".humans").width())
|
|
|
|
(".humans img").height($(".humans img").width())
|
|
|
|
})
|
2017-06-12 17:33:18 +03:00
|
|
|
var speed = 50;
|
|
|
|
var radius = 500;
|
2017-06-12 17:08:09 +03:00
|
|
|
var border_color="#cacbce";
|
|
|
|
var img_border_color="#cacbce";
|
|
|
|
$(".circles").css("border-color",border_color);
|
|
|
|
$(".avatars,.humans").css({"animation-duration":speed+"s","-webkit-animation-duration":speed+"s"});
|
|
|
|
for(var i=0;i<$(".small-circle").length;i++){
|
2017-06-12 17:33:18 +03:00
|
|
|
var r=Math.round(Math.random()*radius);
|
|
|
|
var g=Math.round(Math.random()*radius);
|
|
|
|
var b=Math.round(Math.random()*radius);
|
2017-06-12 17:08:09 +03:00
|
|
|
$(".small-circle").eq(i).css("border-color","rgb("+r+","+g+","+b+")");
|
|
|
|
}
|
|
|
|
$(".humans").hover(function(){
|
2017-06-12 17:33:18 +03:00
|
|
|
$(this).find("img").css({
|
|
|
|
"border":"5px double "+img_border_color
|
|
|
|
});
|
|
|
|
$(this).find("div").css({
|
|
|
|
"padding":"10%",
|
|
|
|
"display":"block"
|
|
|
|
});
|
2017-06-12 17:08:09 +03:00
|
|
|
},
|
|
|
|
function(){
|
2017-06-12 17:33:18 +03:00
|
|
|
$(this).find("img").css({
|
|
|
|
"border":"1px solid "+img_border_color
|
|
|
|
});
|
2017-06-12 17:08:09 +03:00
|
|
|
$(this).find("div").css("display","none");
|
|
|
|
})
|
2017-06-12 17:33:18 +03:00
|
|
|
})
|