app.js (2471B)
1 /* sweetScroll load */ 2 document.addEventListener("DOMContentLoaded", function () { 3 const sweetScroll = new SweetScroll({/* some options */}); 4 5 /* particlesJS.load(@dom-id, @path-json, @callback (optional)); */ 6 particlesJS('particles-js', { 7 "particles": { 8 "number": { 9 "value": 30, 10 "density": { 11 "enable": true, 12 "value_area": 800 13 } 14 }, 15 "color": { 16 "value": "#ffffff" 17 }, 18 "shape": { 19 "type": "polygon", 20 "stroke": { 21 "width": 0, 22 "color": "#000000" 23 }, 24 "polygon": { 25 "nb_sides": 5 26 }, 27 "image": { 28 "src": "img/github.svg", 29 "width": 100, 30 "height": 100 31 } 32 }, 33 "opacity": { 34 "value": 0.5, 35 "random": false, 36 "anim": { 37 "enable": false, 38 "speed": 1, 39 "opacity_min": 0.1, 40 "sync": false 41 } 42 }, 43 "size": { 44 "value": 3, 45 "random": true, 46 "anim": { 47 "enable": false, 48 "speed": 19.18081918081918, 49 "size_min": 0.1, 50 "sync": false 51 } 52 }, 53 "line_linked": { 54 "enable": true, 55 "distance": 150, 56 "color": "#ffffff", 57 "opacity": 0.4, 58 "width": 1 59 }, 60 "move": { 61 "enable": true, 62 "speed": 4, 63 "direction": "none", 64 "random": true, 65 "straight": false, 66 "out_mode": "out", 67 "bounce": false, 68 "attract": { 69 "enable": false, 70 "rotateX": 600, 71 "rotateY": 1200 72 } 73 }, 74 nb: 80 75 }, 76 "interactivity": { 77 "detect_on": "window", 78 "events": { 79 "onhover": { 80 "enable": false, 81 "mode": "grab" 82 }, 83 "onclick": { 84 "enable": true, 85 "mode": "push" 86 }, 87 "resize": true 88 }, 89 "modes": { 90 "grab": { 91 "distance": 400, 92 "line_linked": { 93 "opacity": 1 94 } 95 }, 96 "bubble": { 97 "distance": 400, 98 "size": 40, 99 "duration": 2, 100 "opacity": 8, 101 "speed": 3 102 }, 103 "repulse": { 104 "distance": 200, 105 "duration": 0.4 106 }, 107 "push": { 108 "particles_nb": 4 109 }, 110 "remove": { 111 "particles_nb": 2 112 } 113 } 114 }, 115 "retina_detect": true 116 }); 117 118 }, false);