arcalab/script.js at main · GloballCode/arcalab · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
function startMission() {
  alert("🚀 Missão iniciada! Prepare seus materiais e mãos à obra!");
}

/* animação na scroll */
const cards = document.querySelectorAll('.card');

window.addEventListener('scroll', () => {
  cards.forEach(card => {
    const top = card.getBoundingClientRect().top;
    if (top < window.innerHeight - 50) {
      card.style.opacity = 1;
      card.style.transform = "translateY(0)";
    }
  });
});

const checks = document.querySelectorAll('.step-check');
const button = document.getElementById('finishBtn');

checks.forEach(check => {
  check.addEventListener('change', () => {

    const allChecked = Array.from(checks).every(c => c.checked);

    button.disabled = !allChecked;

  });
});

// tentativa falha de tsParticles. aceitando modificações!!

// tsParticles.load("tsparticles", {
// fullScreen: {
//    enable: true
//  },
//  background: {
//   color: "transparent"
//  },
//particles: {
//number: { value: 40 },
//    color: { value: "#ffffff" },
//   opacity: { value: 0.3 },
// size: { value: 2 },
//    move: { enable: true, speed: 1 },
//    links: {
//      enable: true,
//      distance: 120,
//      color: "#ffffff",
//      opacity: 0.2,
//      width: 1
//    }
//  }
//});