particlesJS("particles-js", {
      particles: {
            number: { value: 500, density: { enable: true, value_area: 1400 } },
            color: { value: "#ffffff" },
            shape: {
                  type: "circle",
                  stroke: { width: 0, color: "#000000" },
                  polygon: { nb_sides: 3 },
                  image: { src: "img/github.svg", width: 100, height: 100 }
            },
            opacity: {
                  value: 0.5,
                  random: true,
                  anim: {
                        enable: false,
                        speed: .5,
                        opacity_min: 0.1,
                        sync: false
                  }
            },
            size: {
                  value: 7,
                  random: true,
                  anim: { enable: false, speed: 2, size_min: 0.1, sync: true }
            },
            line_linked: {
                  enable: false,
                  distance: 150,
                  color: "#ffffff",
                  opacity: 0.4,
                  width: 1
            },
            move: {
                  enable: true,
                  speed: 2,
                  direction: "top",
                  random: true,
                  straight: false,
                  out_mode: "out",
                  bounce: false,
                  attract: { enable: true, rotateX: 600, rotateY: 1200 }
            }
      },
      interactivity: {
            detect_on: "canvas",
            events: {
                  onhover: { enable: true, mode: "repulse" },
                  onclick: { enable: true, mode: "bubble" },
                  resize: true
            },
            modes: {
                  grab: { distance: 50, line_linked: { opacity: 1 } },
                  bubble: {
                        distance: 100,
                        size: 6,
                        duration: 2,
                        opacity: 0.4155844155844156,
                        speed: 3
                  },
                  repulse: { distance: 100, duration: 0.4 },
                  push: { particles_nb: 4 },
                  remove: { particles_nb: 2 }
            }
      },
      retina_detect: true
});
var count_particles, stats, update;
stats = new Stats();
stats.setMode(0);
stats.domElement.style.position = "absolute";
stats.domElement.style.left = "0px";
stats.domElement.style.top = "0px";
document.body.appendChild(stats.domElement);
count_particles = document.querySelector(".js-count-particles");
update = function () {
      stats.begin();
      stats.end();
      if (
            window.pJSDom[0].pJS.particles &&
            window.pJSDom[0].pJS.particles.array
      ) {
            count_particles.innerText =
                  window.pJSDom[0].pJS.particles.array.length;
      }
      requestAnimationFrame(update);
};
requestAnimationFrame(update);