Трофей Бесконечное движение трофеев в профиле

В общем сделал на js что смог, кусочек кода, который позволяет плавно показывать все трофеи слева направо, юзал ChatGPT поэтому получилось кривоватенько, а так суть проста, трофеи будут плавно двигаться так в профиле, еще бы сделать парс всех трофеев через форум изначально, так как там показывается небольшое количество трофеев которое есть в этом контейнере, ну и убрать пустоты, чтобы они заменялись этими же трофеями и появлялись снова слева, соответственно рулетка будет работать от 11 трофеев и более.

(Изначально надо чтобы все трофеи уже были на экране а потом двигалась через секунду рулетка эта, но я нод жс рот ебал на питоне делаю все)

Если кому-то не нравится можно вырубить в настройках внешнего вида будет "витрину" эту

Видео как выглядит:

// ==UserScript==
// @name Infinite Trophy Roulette with Reappear from Right
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Бесконечное движение трофеев с перезапуском для разных путей
// @match https://lolz.live/*
// @grant none
// ==/UserScript==

(function() {
'use strict';

const container = document.querySelector('.memberViewTrophies ol');
const trophies = container.querySelectorAll('li.trophy');

if (trophies.length < 6) return;
container.style.position = 'relative';
container.style.overflow = 'hidden';
container.style.height = '50px';

let spacing = 70;
let offset = 0;
let speed = 0.25;
let isAnimating = true;

function animateTrophies() {
if (!isAnimating) return;

offset -= speed;

trophies.forEach((trophy, index) => {
trophy.style.position = 'absolute';
trophy.style.right = `${offset + (index * spacing)}px`;

if (offset + (index * spacing) <= -spacing) {
offset += spacing * trophies.length;
}
});

requestAnimationFrame(animateTrophies);
}

trophies.forEach(trophy => {
trophy.addEventListener('mouseenter', () => {
isAnimating = false;
});

trophy.addEventListener('mouseleave', () => {
isAnimating = true;
animateTrophies();
});
});

animateTrophies();
})();

JS

// ==UserScript==

// @name         Infinite Trophy Roulette with Reappear from Right

// @namespace    http://tampermonkey.net/

// @version      1.0

// @description  Бесконечное движение трофеев с перезапуском для разных путей

// @match        https://lolz.live/*

// @grant        none

// ==/UserScript==



(function() {

    'use strict';



    const container = document.querySelector('.memberViewTrophies ol');

    const trophies = container.querySelectorAll('li.trophy');



    if (trophies.length < 6) return;

    container.style.position = 'relative';

    container.style.overflow = 'hidden';

    container.style.height = '50px';



    let spacing = 70;

    let offset = 0;

    let speed = 0.25;

    let isAnimating = true;



    function animateTrophies() {

        if (!isAnimating) return;



        offset -= speed;



        trophies.forEach((trophy, index) => {

            trophy.style.position = 'absolute';

            trophy.style.right = `${offset + (index * spacing)}px`;



            if (offset + (index * spacing) <= -spacing) {

                offset += spacing * trophies.length;

            }

        });



        requestAnimationFrame(animateTrophies);

    }



    trophies.forEach(trophy => {

        trophy.addEventListener('mouseenter', () => {

            isAnimating = false;

        });



        trophy.addEventListener('mouseleave', () => {

            isAnimating = true;

            animateTrophies();

        });

    });



    animateTrophies();

})();

UPD я сделал отдельный скрипт на удаление троеточия возле трофеев, там где можно их редачить и так далее, думаю это можно будет вынести в другом месте, скрипт

// ==UserScript==
// @name Удаление кнопки moreButton
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Удаляет кнопку "Показать все"
// @match https://lolz.live/*
// @grant none
// ==/UserScript==

(function() {
'use strict';

window.onload = function() {
const moreButton = document.querySelector('.moreButton');

if (moreButton) {
moreButton.remove();
}
};
})();

JS

// ==UserScript==

// @name         Удаление кнопки moreButton

// @namespace    http://tampermonkey.net/

// @version      0.1

// @description  Удаляет кнопку "Показать все"

// @match        https://lolz.live/*

// @grant        none

// ==/UserScript==



(function() {

    'use strict';



    window.onload = function() {

        const moreButton = document.querySelector('.moreButton');



        if (moreButton) {

            moreButton.remove();

        }

    };

})();