/*
Name: 			Elements - Particles - Examples
Written by: 	Okler Themes - (http://www.okler.net)
Theme Version:	12.1.0
*/

(($ => {
    // Particles 1
    particlesJS("particles-1", {
	    "particles": {
	        "number": {
	            "value": 80,
	            "density": {
	                "enable": true,
	                "value_area": 800
	            }
	        },
	        "color": {
	            "value": "#0088cc"
	        },
	        "shape": {
	            "type": "circle",
	            "stroke": {
	                "width": 0,
	                "color": "#000000"
	            },
	            "polygon": {
	                "nb_sides": 5
	            }
	        },
	        "opacity": {
	            "value": 1,
	            "random": true,
	            "anim": {
	                "enable": true,
	                "speed": 1,
	                "opacity_min": 0,
	                "sync": false
	            }
	        },
	        "size": {
	            "value": 8,
	            "random": true,
	            "anim": {
	                "enable": false,
	                "speed": 4,
	                "size_min": 0.3,
	                "sync": false
	            }
	        },
	        "line_linked": {
	            "enable": false,
	            "distance": 150,
	            "color": "#0088cc",
	            "opacity": 0.4,
	            "width": 1
	        },
	        "move": {
	            "enable": true,
	            "speed": 1,
	            "direction": "none",
	            "random": true,
	            "straight": false,
	            "out_mode": "out",
	            "bounce": false,
	            "attract": {
	                "enable": false,
	                "rotateX": 600,
	                "rotateY": 600
	            }
	        }
	    },
	    "interactivity": {
	        "detect_on": "canvas",
	        "events": {
	            "onhover": {
	                "enable": true,
	                "mode": "bubble"
	            },
	            "onclick": {
	                "enable": true,
	                "mode": "repulse"
	            },
	            "resize": true
	        },
	        "modes": {
	            "grab": {
	                "distance": 400,
	                "line_linked": {
	                    "opacity": 1
	                }
	            },
	            "bubble": {
	                "distance": 250,
	                "size": 0,
	                "duration": 2,
	                "opacity": 0,
	                "speed": 3
	            },
	            "repulse": {
	                "distance": 400,
	                "duration": 0.4
	            },
	            "push": {
	                "particles_nb": 4
	            },
	            "remove": {
	                "particles_nb": 2
	            }
	        }
	    },
	    "retina_detect": true
	});

    // Particles 2
    particlesJS("particles-2", {
	    "particles": {
	        "number": {
	            "value": 160,
	            "density": {
	                "enable": true,
	                "value_area": 800
	            }
	        },
	        "color": {
	            "value": "#0088cc"
	        },
	        "shape": {
	            "type": "circle",
	            "stroke": {
	                "width": 0,
	                "color": "#000000"
	            },
	            "polygon": {
	                "nb_sides": 5
	            }
	        },
	        "opacity": {
	            "value": 1,
	            "random": true,
	            "anim": {
	                "enable": true,
	                "speed": 1,
	                "opacity_min": 0,
	                "sync": false
	            }
	        },
	        "size": {
	            "value": 3,
	            "random": true,
	            "anim": {
	                "enable": false,
	                "speed": 4,
	                "size_min": 0.3,
	                "sync": false
	            }
	        },
	        "line_linked": {
	            "enable": false,
	            "distance": 150,
	            "color": "#0088cc",
	            "opacity": 0.4,
	            "width": 1
	        },
	        "move": {
	            "enable": true,
	            "speed": 1,
	            "direction": "none",
	            "random": true,
	            "straight": false,
	            "out_mode": "out",
	            "bounce": false,
	            "attract": {
	                "enable": false,
	                "rotateX": 600,
	                "rotateY": 600
	            }
	        }
	    },
	    "interactivity": {
	        "detect_on": "canvas",
	        "events": {
	            "onhover": {
	                "enable": true,
	                "mode": "bubble"
	            },
	            "onclick": {
	                "enable": true,
	                "mode": "repulse"
	            },
	            "resize": true
	        },
	        "modes": {
	            "grab": {
	                "distance": 400,
	                "line_linked": {
	                    "opacity": 1
	                }
	            },
	            "bubble": {
	                "distance": 250,
	                "size": 0,
	                "duration": 2,
	                "opacity": 0,
	                "speed": 3
	            },
	            "repulse": {
	                "distance": 400,
	                "duration": 0.4
	            },
	            "push": {
	                "particles_nb": 4
	            },
	            "remove": {
	                "particles_nb": 2
	            }
	        }
	    },
	    "retina_detect": true
	});

    // Particles 3
    particlesJS("particles-3", {
	    "particles": {
	        "number": {
	            "value": 20,
	            "density": {
	                "enable": true,
	                "value_area": 800
	            }
	        },
	        "color": {
	            "value": "#0088cc"
	        },
	        "shape": {
	            "type": "polygon",
	            "stroke": {
	                "width": 0,
	                "color": "#000"
	            },
	            "polygon": {
	                "nb_sides": 6
	            },
	        },
	        "opacity": {
	            "value": 0.1,
	            "random": true,
	            "anim": {
	                "enable": false,
	                "speed": 1,
	                "opacity_min": 0.1,
	                "sync": false
	            }
	        },
	        "size": {
	            "value": 60,
	            "random": false,
	            "anim": {
	                "enable": true,
	                "speed": 10,
	                "size_min": 40,
	                "sync": false
	            }
	        },
	        "line_linked": {
	            "enable": false,
	            "distance": 200,
	            "color": "#ffffff",
	            "opacity": 1,
	            "width": 2
	        },
	        "move": {
	            "enable": true,
	            "speed": 8,
	            "direction": "none",
	            "random": false,
	            "straight": false,
	            "out_mode": "out",
	            "bounce": false,
	            "attract": {
	                "enable": false,
	                "rotateX": 600,
	                "rotateY": 1200
	            }
	        }
	    },
	    "interactivity": {
	        "detect_on": "canvas",
	        "events": {
	            "onhover": {
	                "enable": false,
	                "mode": "grab"
	            },
	            "onclick": {
	                "enable": false,
	                "mode": "push"
	            },
	            "resize": true
	        },
	        "modes": {
	            "grab": {
	                "distance": 400,
	                "line_linked": {
	                    "opacity": 1
	                }
	            },
	            "bubble": {
	                "distance": 400,
	                "size": 40,
	                "duration": 2,
	                "opacity": 8,
	                "speed": 3
	            },
	            "repulse": {
	                "distance": 200,
	                "duration": 0.4
	            },
	            "push": {
	                "particles_nb": 4
	            },
	            "remove": {
	                "particles_nb": 2
	            }
	        }
	    },
	    "retina_detect": true
	});

    // Particles 4
    particlesJS("particles-4", {
	      "particles": {
	        "number": {
	            "value": 80,
	            "density": {
	                "enable": true,
	                "value_area": 800
	            }
	        },
	        "color": {
	            "value": "#0088cc"
	        },
	        "shape": {
	            "type": "circle",
	            "stroke": {
	                "width": 0,
	                "color": "#000000"
	            },
	            "polygon": {
	                "nb_sides": 5
	            },
	            "image": {
	                "src": "img/github.svg",
	                "width": 100,
	                "height": 100
	            }
	        },
	        "opacity": {
	            "value": 0.5,
	            "random": false,
	            "anim": {
	                "enable": false,
	                "speed": 1,
	                "opacity_min": 0.1,
	                "sync": false
	            }
	        },
	        "size": {
	            "value": 3,
	            "random": true,
	            "anim": {
	                "enable": false,
	                "speed": 40,
	                "size_min": 0.1,
	                "sync": false
	            }
	        },
	        "line_linked": {
	            "enable": true,
	            "distance": 150,
	            "color": "#0088cc",
	            "opacity": 0.4,
	            "width": 1
	        },
	        "move": {
	            "enable": true,
	            "speed": 6,
	            "direction": "none",
	            "random": false,
	            "straight": false,
	            "out_mode": "out",
	            "bounce": false,
	            "attract": {
	                "enable": false,
	                "rotateX": 600,
	                "rotateY": 1200
	            }
	        }
	    },
	    "interactivity": {
	        "detect_on": "canvas",
	        "events": {
	            "onhover": {
	                "enable": true,
	                "mode": "repulse"
	            },
	            "onclick": {
	                "enable": true,
	                "mode": "push"
	            },
	            "resize": true
	        },
	        "modes": {
	            "grab": {
	                "distance": 400,
	                "line_linked": {
	                    "opacity": 1
	                }
	            },
	            "bubble": {
	                "distance": 400,
	                "size": 40,
	                "duration": 2,
	                "opacity": 8,
	                "speed": 3
	            },
	            "repulse": {
	                "distance": 200,
	                "duration": 0.4
	            },
	            "push": {
	                "particles_nb": 4
	            },
	            "remove": {
	                "particles_nb": 2
	            }
	        }
	    },
	    "retina_detect": true
	});
})).apply( this, [ jQuery ]);