0AvinashMohanDev1.github.io/script.js at master · 0AvinashMohanDev1/0AvinashMohanDev1.github.io · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
// *=============================== toggle icon navbar ==================================

let menuIcon = document.querySelector("#menu-icon");
let navbar = document.querySelector("#nav-menu");

menuIcon.onclick = () => {
  menuIcon.classList.toggle("bx-x");
  navbar.classList.toggle("active");
};

// *=============================== github calender ==================================
GitHubCalendar(".calendar", "0avinashmohandev1");

// or enable responsive functionality:
GitHubCalendar(".calendar", "0avinashmohandev1", { responsive: true });

// *=============================== resume opening in a new tab ==================================

let resume1 = document
  .getElementById("resume-button-1")
  .addEventListener("click", NewTab);
let resume2 = document
  .getElementById("resume-button-2")
  .addEventListener("click", NewTab);

function NewTab() {
  window.open(
    "https://drive.google.com/file/d/1WcKrheSCYW-tLJSkexe7Gc9WfekZgd19/view?usp=share_link",
    "_blank"
  );
}

// *=============================== scroll sections active link ==================================
let sections = document.querySelectorAll("section");
let navlinks = document.querySelectorAll("header nav a");

window.onscroll = () => {
  sections.forEach((sec) => {
    let top = window.scrollY;
    let offset = sec.offsetTop - 150;
    let height = sec.offsetHeight;
    let id = sec.getAttribute("id");

    if (top >= offset && top < offset + height) {
      navlinks.forEach((links) => {
        links.classList.remove("active");
        document
          .querySelector("header nav a[href*=" + id + "]")
          .classList.add("active");
      });
    }
  });
  // *=============================== sticky navbar ==================================

  let header = document.querySelector("header");

  header.classList.toggle("sticky", window.scrollY > 100);

  // *=============================== remove toggle icon and navbar when click navbar link(scroll) ==================================

  menuIcon.classList.remove("bx-x");
  navbar.classList.remove("active");
};

// *=============================== scroll reveal ==================================

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

ScrollReveal().reveal(".home-content, .heading", { origin: "top" });
ScrollReveal().reveal(
  ".home-img, .skills-container, .project-card, .contact form",
  { origin: "bottom" }
);
ScrollReveal().reveal(".home-content h1", { origin: "left" });
ScrollReveal().reveal(".home-content p, .about-content", { origin: "left" });

// *===============================  typed js==================================

const typed = new Typed(".multiple-text", {
  strings: [
    "Full Stack Web Developer",
    "Backend Developer with Node.js",
    "Frontend Developer with Next.js",
    "Problem Solver",
  ],
  typeSpeed: 100,
  backSpeed: 100,
  backdelay: 1000,
  loop: true,
});