PortfolioXR/script.js at master · 0xMCoin/PortfolioXR · 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
55
56
57
58
59
60
61
62
$(document).ready(function () {
  $(window).scroll(function () {
    if (this.scrollY > 20) {
      $('.navbar').addClass('sticky');
    } else {
      $('.navbar').removeClass('sticky');
    }
    if (this.scrollY > 500) {
      $('.scroll-up-btn').addClass('show');
    } else {
      $('.scroll-up-btn').removeClass('show');
    }
  });
  $('.scroll-up-btn').click(function () {
    $('html').animate({ scrollTop: 0 });
  });
  var typed = new Typed('.typing', {
    strings: ['Designs', 'Sistemas', 'WebSites', 'LandingPages'],
    typeSpeed: 100,
    backSpeed: 60,
    loop: true,
  });
  var typed = new Typed('.typing-2', {
    strings: ['Dev FullStack', 'Programador', 'Designer', 'Freelancer'],
    typeSpeed: 100,
    backSpeed: 60,
    loop: true,
  });

  $('.menu-btn, .menu a').click(function () {
    $('.navbar .menu').toggleClass('active');
    $('.menu-btn i').toggleClass('active');
  });
  $('.carousel').owlCarousel({
    margin: 20,
    loop: true,
    autoplayTimeOut: 2000,
    autoplayHoverPauser: true,
    responsive: {
      0: {
        items: 1,
        nav: false,
      },
      600: {
        items: 2,
        nav: false,
      },
      1000: {
        items: 3,
        nav: false,
      },
    },
  });
});

VanillaTilt.init(document.querySelectorAll('.card'), {
  max: 25,
  speed: 400,
  glare: true,
  scale: 1.1,
  'max-glare': 1,
});