بەکارھێنەر:Aram/kuwikt-celebration.js

تێبینی: دوای پاشەکەوتکردن، پێویستە کاشی وێبگەڕەکەت پاک بکەیتەوە تا گۆڕانکارییەکان ببینیت. بۆ گووگڵ کڕۆم، فایەرفۆکس، مایکرۆسۆفت ئێج و سافاری: پەنجە لەسەر دوگمەی ⇧ Shift ڕاگرە و کرتە لەسەر Reload بکە. بۆ وردەکاری و ڕێنمایییەکان لەسەر وێبگەڕەکانی تر، بڕوانە ئێرە.

// Celebrating 1,000,000 Wiktionary Entries!
// See: [[Special:Permalink/1194661#پیرۆزبایی_لە_ویکیفەرھەنگی_کوردی_(کورمانجی)]]

$(function() {
  // Function to create particle animations
  function createParticle() {
    // Check if the required elements exist before proceeding
    const particleContainer = $('.particle-container');
    const content = $('.content');
    if (!particleContainer.length || !content.length) {
      return; // Exit function if elements are not found
    }

    // Create a new particle element
    const particle = $('<span>').addClass('particle');
    // Set random size for the particle
    const size = Math.random() * 15 + 5;
    particle.css({
      width: size + 'px',
      height: size + 'px',
      left: Math.random() * 100 + '%',
      top: Math.random() * 100 + '%'
    });
    // Set random duration for the particle animation
    const duration = Math.random() * 3 + 2;
    // Set random angle and distance for the particle's end position
    const angle = Math.random() * 360;
    const distance = Math.random() * 100 + 50;
    const endX = distance * Math.cos(angle * Math.PI / 180);
    const endY = distance * Math.sin(angle * Math.PI / 180);
    particle.css({
      '--endX': endX + 'px',
      '--endY': endY + 'px'
    });
    // Append the particle to the container
    particleContainer.append(particle);
    // Remove the particle after the animation duration
    setTimeout(() => {
      if (particle.parent().is(particleContainer)) {
        particle.remove();
      }
    }, duration * 1000);
  }

  // Call createParticle function at regular intervals to generate particles
  setInterval(createParticle, 600);

  // Show container after a delay
  setTimeout(() => {
    const container = $('.container');
    if (container.length) {
      container.css('display', 'flex');
    }
  }, 1000);
});