main.js

$(function() {

    $(".intro h1").typed({
        strings: ["Bonjour, je suis Psylio"],
        typeSpeed: 0,
        onStringTyped: function () {
            $(".intro p").typed({
                strings: ["Des solutions à vos préoccupations avant même d’en parler"],
                typeSpeed: 0,
                onStringTyped: function () {
                    $("ul li:first-child").animate({
                        left: "0",
                    }, 500, function () {
                        $("ul li:nth-child(2)").animate({
                            right: "0",
                        }, 500, function () {
                            $("ul li:nth-child(3)").animate({
                                left: "0",
                            }, 500, function () {
                                $("ul li:nth-child(4)").animate({
                                    right: "0",
                                }, 500, function () {
                                    // Animation complete.
                                });
                            });
                        });
                    });
                }
            });
        }
    });

    particlesJS("particles-js", {
        "particles": {
            "number": {"value": 30, "density": {"enable": true, "value_area": 700}},
            "color": {"value": "#49276a"},
            "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": true,
                "anim": {"enable": false, "speed": 1, "opacity_min": 0.1, "sync": false}
            },
            "size": {
                "value": 5,
                "random": true,
                "anim": {"enable": false, "speed": 40, "size_min": 0.1, "sync": false}
            },
            "line_linked": {"enable": true, "distance": 80, "color": "#999999", "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": 1200}
            }
        },
        "interactivity": {
            "detect_on": "canvas",
            "events": {
                "onhover": {"enable": false, "mode": "repulse"},
                "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
    });
});