File size: 2,341 Bytes
6943658 |
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 |
// Initialize animations
document.addEventListener('DOMContentLoaded', function() {
// GSAP animations
gsap.registerPlugin(ScrollTrigger);
// Animate sections on scroll
gsap.utils.toArray('section').forEach(section => {
gsap.from(section, {
scrollTrigger: {
trigger: section,
start: "top 80%",
toggleActions: "play none none none"
},
y: 50,
opacity: 0,
duration: 1,
ease: "power3.out"
});
});
// Animate skill tags
gsap.utils.toArray('.bg-gray-100').forEach((tag, i) => {
gsap.from(tag, {
scrollTrigger: {
trigger: tag,
start: "top 90%",
toggleActions: "play none none none"
},
scale: 0,
opacity: 0,
duration: 0.5,
delay: i * 0.05,
ease: "back.out"
});
});
// Form submission handler
const contactForm = document.querySelector('form');
if (contactForm) {
contactForm.addEventListener('submit', function(e) {
e.preventDefault();
// Get form values
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const subject = document.getElementById('subject').value;
const message = document.getElementById('message').value;
// Simple validation
if (!name || !email || !message) {
alert('Please fill in all required fields');
return;
}
// In a real application, you would send this data to a server
console.log('Form submitted:', { name, email, subject, message });
alert('Thank you for your message! I will get back to you soon.');
contactForm.reset();
});
}
// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
}); |