/* ----------------------------------------------- /* How to use? : Check the GitHub README /* ----------------------------------------------- */ /* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */ /* particlesJS.load('particles-js', 'particles.json', function() { console.log('particles.js loaded - callback'); }); */ /* Otherwise just put the config content (json): */ particlesJS("section_timetable", { particles: { number: { value: 34, density: { enable: true, value_area: 962.0472365193136 } }, color: { value: "#eeeeee" }, shape: { type: "edge", stroke: { width: 0, color: "#000000" }, polygon: { nb_sides: 4 }, image: { src: "", width: 100, height: 100 } }, opacity: { value: 1, random: false, anim: { enable: true, speed: 1, opacity_min: 0, sync: false } }, size: { value: 52.110891978129494, random: true, anim: { enable: false, speed: 4, size_min: 0.3, sync: false } }, line_linked: { enable: false, distance: 150, color: "#ffffff", opacity: 0.38481889460772545, width: 1 }, move: { enable: true, speed: 2, direction: "none", random: false, straight: false, out_mode: "out", bounce: false, attract: { enable: false, rotateX: 481.0236182596568, rotateY: 600 } } }, interactivity: { detect_on: "canvas", events: { onhover: { enable: false, mode: "bubble" }, onclick: { enable: false, mode: "remove" }, 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 });