Spaces:
Running
Running
File size: 4,122 Bytes
2442ad4 6f90ecc 2442ad4 6f90ecc | 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 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 |
// Theme toggle functionality
function toggleTheme() {
document.body.classList.toggle('light-mode');
localStorage.setItem('theme', document.body.classList.contains('light-mode') ? 'light' : 'dark');
}
// Initialize theme from localStorage
const savedTheme = localStorage.getItem('theme') || 'dark';
if (savedTheme === 'light') {
document.body.classList.add('light-mode');
}
// Initialize particles
function initParticles() {
const particlesJS = window.particlesJS;
if (particlesJS) {
particlesJS('particles-js', {
particles: {
number: { value: 80, density: { enable: true, value_area: 800 } },
color: { value: "#6366f1" },
shape: {
type: ["circle", "triangle", "polygon"],
stroke: { width: 0, color: "#000000" },
polygon: { nb_sides: 6 }
},
opacity: {
value: 0.5,
random: true,
anim: { enable: false, speed: 1, opacity_min: 0.1, sync: false }
},
size: {
value: 3,
random: true,
anim: { enable: false, speed: 40, size_min: 0.1, sync: false }
},
line_linked: {
enable: true,
distance: 150,
color: "#6366f1",
opacity: 0.4,
width: 1
},
move: {
enable: true,
speed: 2,
direction: "none",
random: true,
straight: false,
out_mode: "out",
bounce: false,
attract: { enable: false, rotateX: 600, rotateY: 1200 }
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: { enable: true, mode: "grab" },
onclick: { enable: true, mode: "push" },
resize: true
},
modes: {
grab: { distance: 140, line_linked: { opacity: 1 } },
push: { particles_nb: 4 }
}
},
retina_detect: true
});
}
}
// 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'
});
});
});
// Initialize theme toggle button
document.addEventListener('DOMContentLoaded', function() {
const themeToggle = document.getElementById('themeToggle');
if (themeToggle) {
themeToggle.addEventListener('click', toggleTheme);
}
// Load particles.js
const particlesScript = document.createElement('script');
particlesScript.src = 'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js';
particlesScript.onload = initParticles;
document.head.appendChild(particlesScript);
// Add game elements to background
const gameElements = ['🎮', '📊', '👾', '🎲', '💾', '🔢', '📈', '🎯'];
const container = document.createElement('div');
container.className = 'game-elements-background';
document.body.appendChild(container);
for (let i = 0; i < 20; i++) {
const element = document.createElement('div');
element.className = 'game-element';
element.textContent = gameElements[Math.floor(Math.random() * gameElements.length)];
element.style.left = `${Math.random() * 100}%`;
element.style.top = `${Math.random() * 100}%`;
element.style.animationDuration = `${5 + Math.random() * 10}s`;
container.appendChild(element);
}
});
// Form submission handling
const contactForm = document.querySelector('form');
if (contactForm) {
contactForm.addEventListener('submit', function(e) { |