thunderbird-revamp / script.js
edsaga's picture
OK, now I want you to actually look at the websites I sent you
e293c1f verified
document.addEventListener('DOMContentLoaded', function() {
// Initialize Feather Icons
feather.replace();
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
window.scrollTo({
top: target.offsetTop - 80,
behavior: 'smooth'
});
}
});
});
// Download button animation
const downloadButtons = document.querySelectorAll('button.px-6.py-3, button.px-8.py-4');
downloadButtons.forEach(button => {
button.addEventListener('mouseenter', function() {
this.classList.add('scale-105');
});
button.addEventListener('mouseleave', function() {
this.classList.remove('scale-105');
});
});
// Feature cards animation
const featureCards = document.querySelectorAll('.grid.grid-cols-1.md\\:grid-cols-3 > div');
featureCards.forEach((card, index) => {
card.style.transitionDelay = `${index * 0.1}s`;
card.addEventListener('mouseenter', function() {
this.style.transform = 'translateY(-10px)';
});
card.addEventListener('mouseleave', function() {
this.style.transform = 'translateY(0)';
});
});
});