https://danq.me/2024/03/22/234kb/

512kb-anim.js

SITE = 'https://danq.me/';
NEW_SIZE = 234;

me = document.querySelector(`a[href="${SITE}"]`).closest('li');
before = me.querySelector('.before');
after = me.querySelector('.after');
i = parseInt(after.innerText);
ticker = function(){
  i += (i > NEW_SIZE ? -1 : 1);
  before.style.setProperty('--data-size', i);
  after.innerText = `${i}.00 KB`;
  if(i != NEW_SIZE) setTimeout(ticker, 1);
  if(i <= 100) {
    me.style.background = 'var(--after-green)';
    before.style.background = 'var(--before-green)';
  } else if (i <= 250) {
    me.style.background = 'var(--after-orange)';
    before.style.background = 'var(--before-orange)';
  } else {
    me.style.background = 'var(--after-blue)';
    before.style.background = 'var(--before-blue)';
  }
}
ticker();