124 lines
2.7 KiB
JavaScript
124 lines
2.7 KiB
JavaScript
//config paticle js library
|
|
particlesJS("particles-js", {
|
|
particles: {
|
|
number: {
|
|
value: 100,
|
|
density: {
|
|
enable: true,
|
|
value_area: 800,
|
|
},
|
|
},
|
|
color: {
|
|
value: "#ffffff",
|
|
},
|
|
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: "#ffffff",
|
|
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: "grab",
|
|
},
|
|
onclick: {
|
|
enable: true,
|
|
mode: "push",
|
|
},
|
|
resize: true,
|
|
},
|
|
modes: {
|
|
grab: {
|
|
distance: 140,
|
|
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,
|
|
});
|
|
|
|
|
|
|
|
function showRules() {
|
|
let x = document.getElementById("rules__text");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "block";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
|
|
// numberOfRounds.addEventListener("input", rangeValue);
|