Skip to content

Commit

Permalink
Update script.js
Browse files Browse the repository at this point in the history 
Updated jQuery Version: Uses the latest jQuery (3.6.0).
Replaced fetch Calls: Ensures fetch returns JSON data properly.
Improved ScrollReveal Setup: Streamlined the ScrollReveal configuration.
  • Loading branch information
@aakash10802
aakash10802 authored Jun 8, 2024
1 parent 4f23f7c commit 6287064
Showing 1 changed file with 27 additions and 56 deletions.
83 changes: 27 additions & 56 deletions assets/js/script.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
$(document).ready(function () {

$('#menu').click(function () {
$(this).toggleClass('fa-times');
$('.navbar').toggleClass('nav-toggle');
Expand All @@ -10,14 +9,14 @@ $(document).ready(function () {
$('.navbar').removeClass('nav-toggle');

if (window.scrollY > 60) {
document.querySelector('#scroll-top').classList.add('active');
$('#scroll-top').addClass('active');
} else {
document.querySelector('#scroll-top').classList.remove('active');
$('#scroll-top').removeClass('active');
}

// scroll spy
$('section').each(function () {
let height = $(this).height();
let height = $(this).outerHeight();
let offset = $(this).offset().top - 200;
let top = $(window).scrollTop();
let id = $(this).attr('id');
Expand All @@ -34,14 +33,15 @@ $(document).ready(function () {
e.preventDefault();
$('html, body').animate({
scrollTop: $($(this).attr('href')).offset().top,
}, 500, 'linear')
}, 500, 'linear');
});

// <!-- emailjs to mail contact form data -->
// emailjs to mail contact form data
$("#contact-form").submit(function (event) {
event.preventDefault();
emailjs.init("user_TTDmetQLYgWCLzHTDgqxm");

emailjs.sendForm('contact_service', 'template_contact', '#contact-form')
emailjs.sendForm('contact_service', 'template_contact', this)
.then(function (response) {
console.log('SUCCESS!', response.status, response.text);
document.getElementById("contact-form").reset();
Expand All @@ -50,41 +50,30 @@ $(document).ready(function () {
console.log('FAILED...', error);
alert("Form Submission Failed! Try Again");
});
event.preventDefault();
});
// <!-- emailjs to mail contact form data -->

});

document.addEventListener('visibilitychange',
function () {
if (document.visibilityState === "visible") {
document.title = "Portfolio | Jigar Sable";
$("#favicon").attr("href", "assets/images/favicon.png");
}
else {
document.title = "Come Back To Portfolio";
$("#favicon").attr("href", "assets/images/favhand.png");
}
});

document.addEventListener('visibilitychange', function () {
if (document.visibilityState === "visible") {
document.title = "Portfolio | Jigar Sable";
$("#favicon").attr("href", "assets/images/favicon.png");
} else {
document.title = "Come Back To Portfolio";
$("#favicon").attr("href", "assets/images/favhand.png");
}
});

// <!-- typed js effect starts -->
var typed = new Typed(".typing-text", {
// typed js effect starts
new Typed(".typing-text", {
strings: ["frontend development", "backend development", "web designing", "android development", "web development"],
loop: true,
typeSpeed: 50,
backSpeed: 25,
backDelay: 500,
});
// <!-- typed js effect ends -->

async function fetchData(type = "skills") {
let response
type === "skills" ?
response = await fetch("skills.json")
:
response = await fetch("./projects/projects.json")
let response = await fetch(type === "skills" ? "skills.json" : "./projects/projects.json");
const data = await response.json();
return data;
}
Expand All @@ -99,7 +88,7 @@ function showSkills(skills) {
<img src=${skill.icon} alt="skill" />
<span>${skill.name}</span>
</div>
</div>`
</div>`;
});
skillsContainer.innerHTML = skillHTML;
}
Expand All @@ -123,27 +112,24 @@ function showProjects(projects) {
</div>
</div>
</div>
</div>`
</div>`;
});
projectsContainer.innerHTML = projectHTML;

// <!-- tilt js effect starts -->
// tilt js effect
VanillaTilt.init(document.querySelectorAll(".tilt"), {
max: 15,
});
// <!-- tilt js effect ends -->

/* ===== SCROLL REVEAL ANIMATION ===== */
// scroll reveal animation
const srtop = ScrollReveal({
origin: 'top',
distance: '80px',
duration: 1000,
reset: true
});

/* SCROLL PROJECTS */
srtop.reveal('.work .box', { interval: 200 });

}

fetchData().then(data => {
Expand All @@ -154,22 +140,10 @@ fetchData("projects").then(data => {
showProjects(data);
});

// <!-- tilt js effect starts -->
// tilt js effect
VanillaTilt.init(document.querySelectorAll(".tilt"), {
max: 15,
});
// <!-- tilt js effect ends -->


// pre loader start
// function loader() {
// document.querySelector('.loader-container').classList.add('fade-out');
// }
// function fadeOut() {
// setInterval(loader, 500);
// }
// window.onload = fadeOut;
// pre loader end

// disable developer mode
document.onkeydown = function (e) {
Expand All @@ -188,7 +162,7 @@ document.onkeydown = function (e) {
if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {
return false;
}
}
};

// Start of Tawk.to Live Chat
var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
Expand All @@ -200,10 +174,8 @@ var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
// End of Tawk.to Live Chat


/* ===== SCROLL REVEAL ANIMATION ===== */
// scroll reveal animation
const srtop = ScrollReveal({
origin: 'top',
distance: '80px',
Expand Down Expand Up @@ -231,7 +203,6 @@ srtop.reveal('.about .content p', { delay: 200 });
srtop.reveal('.about .content .box-container', { delay: 200 });
srtop.reveal('.about .content .resumebtn', { delay: 200 });


/* SCROLL SKILLS */
srtop.reveal('.skills .container', { interval: 200 });
srtop.reveal('.skills .container .bar', { delay: 400 });
Expand All @@ -248,4 +219,4 @@ srtop.reveal('.experience .timeline .container', { interval: 400 });

/* SCROLL CONTACT */
srtop.reveal('.contact .container', { delay: 400 });
srtop.reveal('.contact .container .form-group', { delay: 400 });
srtop.reveal('.contact .container .form-group', { delay: 400 });

0 comments on commit 6287064

Please # to comment.