File size: 1,402 Bytes
d2614c2 | 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 | document.addEventListener('DOMContentLoaded', function() {
// Color scheme toggle functionality
const colorSchemeToggle = document.getElementById('color-scheme-toggle');
if (colorSchemeToggle) {
colorSchemeToggle.addEventListener('click', function() {
document.documentElement.classList.toggle('dark');
localStorage.setItem('colorScheme', document.documentElement.classList.contains('dark') ? 'dark' : 'light');
});
}
// Initialize color scheme from localStorage
if (localStorage.getItem('colorScheme') === 'dark') {
document.documentElement.classList.add('dark');
}
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Animate elements when they come into view
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('animate-fadeIn');
}
});
}, { threshold: 0.1 });
document.querySelectorAll('.animate-on-scroll').forEach(el => {
observer.observe(el);
});
}); |