FM / js

/var/www/doncode.com.ua/www/public/js/

/var/www/doncode.com.ua/www/public/js

Name	Size	Mode	Actions
counter/	-	0755	rm
images/	-	0755	rm
slick/	-	0755	rm
bootstrap.js	67589	0644	edit dl rm
bootstrap.min.js	37045	0644	edit dl rm
call_count.php	362	0644	edit dl rm
client_app.js	5135	0644	edit dl rm
color_prettify.js	1823	0644	edit dl rm
Control.Geocoder.js	18236	0644	edit dl rm
datepicker_ru.js	1010	0644	edit dl rm
device.min.js	2605	0644	edit dl rm
EasePack.min.js	5211	0666	edit dl rm
html5imageupload.js	34806	0644	edit dl rm
jquery-1.11.2.min.js	95931	0644	edit dl rm
jquery-ui.min.js	240427	0644	edit dl rm
jquery.cookie.js	1726	0644	edit dl rm
jquery.maskedinput.min.js	4274	0644	edit dl rm
jquery.min.js	3840	0644	edit dl rm
jquery.paginator.src.js	9378	0644	edit dl rm
leaflet-routing-machine.js	62769	0644	edit dl rm
leaflet-routing-machine.min.js	38208	0644	edit dl rm
leaflet.js	125410	0644	edit dl rm
leaflet.label.js	8364	0644	edit dl rm
md5.js	12295	0644	edit dl rm
modern.js	9201	0644	edit dl rm
osrm.dev.js	214260	0644	edit dl rm
osrm.min.js	55674	0644	edit dl rm
osrm.printing.dev.js	304036	0644	edit dl rm
osrm.priting.min.js	46055	0644	edit dl rm
prettify.js	13631	0644	edit dl rm
space.js	5749	0666	edit dl rm
space2.js	2953	0666	edit dl rm
swfobject.js	10220	0644	edit dl rm
template.js	19093	0644	edit dl rm
TweenLite.min.js	25167	0666	edit dl rm
typeahead.js	71417	0644	edit dl rm
web_socket.js	12961	0644	edit dl rm
web_socket_use.js	2917	0644	edit dl rm

Edit: /var/www/doncode.com.ua/www/public/js/space.js (5749B)

(function() {

var width, height, largeHeader, canvas, ctx, points, target, animateHeader = true;

// Main
    initHeader();
    initAnimation();
    addListeners();

function initHeader() {
        width = window.innerWidth;
        height = window.innerHeight;
        target = {x: width/2, y: height/2};

largeHeader = document.getElementById('large-header');
        largeHeader.style.height = height+'px';

canvas = document.getElementById('demo-canvas');
        canvas.width = width;
        canvas.height = height;
        ctx = canvas.getContext('2d');

// create points
        points = [];
        for(var x = 0; x < width; x = x + width/20) {
            for(var y = 0; y < height; y = y + height/20) {
                var px = x + Math.random()*width/20;
                var py = y + Math.random()*height/20;
                var p = {x: px, originX: px, y: py, originY: py };
                points.push(p);
            }
        }

// for each point find the 5 closest points
        for(var i = 0; i < points.length; i++) {
            var closest = [];
            var p1 = points[i];
            for(var j = 0; j < points.length; j++) {
                var p2 = points[j]
                if(!(p1 == p2)) {
                    var placed = false;
                    for(var k = 0; k < 5; k++) {
                        if(!placed) {
                            if(closest[k] == undefined) {
                                closest[k] = p2;
                                placed = true;
                            }
                        }
                    }

for(var k = 0; k < 5; k++) {
                        if(!placed) {
                            if(getDistance(p1, p2) < getDistance(p1, closest[k])) {
                                closest[k] = p2;
                                placed = true;
                            }
                        }
                    }
                }
            }
            p1.closest = closest;
        }

// assign a circle to each point
        for(var i in points) {
            var c = new Circle(points[i], 2+Math.random()*2, 'rgba(255,255,255,0.3)');
            points[i].circle = c;
        }
    }

// Event handling
    function addListeners() {
        if(!('ontouchstart' in window)) {
            window.addEventListener('mousemove', mouseMove);
        }
        window.addEventListener('scroll', scrollCheck);
        window.addEventListener('resize', resize);
    }

function scrollCheck() {
        if(document.body.scrollTop > height) animateHeader = false;
        else animateHeader = true;
    }

function resize() {
        width = window.innerWidth;
        height = window.innerHeight;
        largeHeader.style.height = height+'px';
        canvas.width = width;
        canvas.height = height;
    }

// animation
    function initAnimation() {
        animate();
        for(var i in points) {
            shiftPoint(points[i]);
        }
    }

drawLines(points[i]);
                points[i].circle.draw();
            }
        }
        requestAnimationFrame(animate);
    }

function shiftPoint(p) {
        TweenLite.to(p, 1+1*Math.random(), {x:p.originX-50+Math.random()*100,
            y: p.originY-50+Math.random()*100, ease:Circ.easeInOut,
            onComplete: function() {
                shiftPoint(p);
            }});
    }

// Canvas manipulation
    function drawLines(p) {
        if(!p.active) return;
        for(var i in p.closest) {
            ctx.beginPath();
            ctx.moveTo(p.x, p.y);
            ctx.lineTo(p.closest[i].x, p.closest[i].y);
            ctx.strokeStyle = 'rgba(156,217,249,'+ p.active+')';
            ctx.stroke();
        }
    }

function Circle(pos,rad,color) {
        var _this = this;

// constructor
        (function() {
            _this.pos = pos || null;
            _this.radius = rad || null;
            _this.color = color || null;
        })();

this.draw = function() {
            if(!_this.active) return;
            ctx.beginPath();
            ctx.arc(_this.pos.x, _this.pos.y, _this.radius, 0, 2 * Math.PI, false);
            ctx.fillStyle = 'rgba(156,217,249,'+ _this.active+')';
            ctx.fill();
        };
    }

// Util
    function getDistance(p1, p2) {
        return Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2);
    }
    
})();

cmd: