Gecko [ thecigaretteboxes.com ]

Name	Size	Permission
core	[ DIR ]	drwxr-xr-x
front	[ DIR ]	drwxr-xr-x
pages	[ DIR ]	drwxr-xr-x
plugins	[ DIR ]	drwxr-xr-x
themes	[ DIR ]	drwxr-xr-x
animation.css	4.15 KB	-rw-r--r--
bootstrap-extended.css	77.97 KB	-rw-r--r--
bootstrap.css	187.69 KB	-rw-r--r--
colors.css	185.67 KB	-rw-r--r--
components.css	82.18 KB	-rw-r--r--
custom-laravel.css	1.09 KB	-rw-r--r--
custom-rtl.css	4.54 KB	-rw-r--r--
scripta.js	1.72 KB	-rw-r--r--
stylea.css	3.9 KB	-rw-r--r--

Code Editor : scripta.js

const Confettiful = function (el) {
  this.el = el;
  this.containerEl = null;

this.confettiFrequency = 3;
  this.confettiColors = ['#EF2964', '#00C09D', '#2D87B0', '#48485E', '#EFFF1D'];
  this.confettiAnimations = ['slow', 'medium', 'fast'];

this._setupElements();
  this._renderConfetti();
};

Confettiful.prototype._setupElements = function () {
  const containerEl = document.createElement('div');
  const elPosition = this.el.style.position;

if (elPosition !== 'relative' || elPosition !== 'absolute') {
  //  this.el.style.position = 'relative';
  }

containerEl.classList.add('confetti-container');

this.el.appendChild(containerEl);

this.containerEl = containerEl;
};

Confettiful.prototype._renderConfetti = function () {
  this.confettiInterval = setInterval(() => {
    const confettiEl = document.createElement('div');
    const confettiSize = Math.floor(Math.random() * 3) + 7 + 'px';
    const confettiBackground = this.confettiColors[Math.floor(Math.random() * this.confettiColors.length)];
    const confettiLeft = Math.floor(Math.random() * this.el.offsetWidth) + 'px';
    const confettiAnimation = this.confettiAnimations[Math.floor(Math.random() * this.confettiAnimations.length)];

confettiEl.classList.add('confetti', 'confetti--animation-' + confettiAnimation);
    confettiEl.style.left = confettiLeft;
    confettiEl.style.width = confettiSize;
    confettiEl.style.height = confettiSize;
    confettiEl.style.backgroundColor = confettiBackground;

confettiEl.removeTimeout = setTimeout(function () {
      confettiEl.parentNode.removeChild(confettiEl);
    }, 3000);

this.containerEl.appendChild(confettiEl);
  }, 25);
};

window.confettiful = new Confettiful(document.querySelector('.js-container'));

${this.title}

Code Editor : scripta.js