nicholasingerson.com/script.js at main · ningerson2002/nicholasingerson.com · 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
// Activate Menu Button //
let menuBtn = document.querySelector('#menu-btn');
let menuBar = document.querySelector('.menu-bar');

menuBtn.onclick = () => {
    menuBtn.classList.toggle('bx-x');
    menuBar.classList.toggle('active');
}

// remove menu bar on scroll //
window.onscroll = () => {
    menuBtn.classList.remove('bx-x');
    menuBar.classList.remove('active');
}

// // Scroll Reveal //

// ScrollReveal({
//     reset: true,
//     distance: '100px',
//     duration: 2000,
//     delay: 200
// });

// ScrollReveal().reveal('.home-bio h1, .about-resume', {origin: 'left'});
// ScrollReveal().reveal('.home-bio p', {origin: 'right'});
// ScrollReveal().reveal('.home-bio, .heading', {origin: 'top'});
// ScrollReveal().reveal('.profile-pic, .about-items, .skills-items, .projects-items, .form', {origin: 'bottom'});

// Typing Animation //

const animText = new Typed ('.animated-text', {
    strings: ['Graphic Designer', 'Student', 'Guitarist'],
    backSpeed: 100,
    typeSpeed: 100,
    backDelay: 1000,
    loop: true
});