KINGZ V3 Lite 2.2.15

[MazaHaka147]

Насколько помню это или объявление или виджет. Весь стиль собран на шаблонах, фраз в нем нет. Все переводить в шаблонах стиля

Именно, человек вообще не добавлял фразы, а просто все в шаблоне писал.
Чтобы понимал весь масштаб трагедии

<span class="emudevs__badge-block emudevs__gap-1x emudevs__text-xs emudevs__font-semibold emudevs__pi-2x emudevs__pblock-0x emudevs__ml-2x emudevs__index-1 emudevs__ml-1x" style="color:var(--emudevs__color-green);background:var(--emudevs__color-green-fade-5);box-shadow:var(--emudevs__shadow-inside-1) var(--emudevs__color-green-fade-10)" data-xf-init="tooltip" title="The high vouch percentage of Koh indicates superior trustworthiness and dependability." id="js-XFUniqueId4">
                        Great
                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M5.10924 1.75C4.63967 1.74999 4.25213 1.74999 3.93644 1.77578C3.60855 1.80257 3.30713 1.86006 3.02402 2.00432C2.58498 2.22802 2.22802 2.58498 2.00432 3.02402C1.86006 3.30713 1.80257 3.60855 1.77578 3.93644C1.74999 4.25213 1.74999 4.63967 1.75 5.10924V8.89076C1.74999 9.36034 1.74999 9.74785 1.77578 10.0636C1.80257 10.3914 1.86006 10.6928 2.00432 10.976C2.22802 11.415 2.58498 11.772 3.02402 11.9957C3.30713 12.1399 3.60855 12.1974 3.93644 12.2242C4.25213 12.25 4.63967 12.25 5.10923 12.25H8.89076C9.36034 12.25 9.74785 12.25 10.0636 12.2242C10.3914 12.1974 10.6928 12.1399 10.976 11.9957C11.415 11.772 11.772 11.415 11.9957 10.976C12.1399 10.6928 12.1974 10.3914 12.2242 10.0636C12.25 9.74785 12.25 9.36034 12.25 8.89076V5.10923C12.25 4.63967 12.25 4.25213 12.2242 3.93644C12.1974 3.60855 12.1399 3.30713 11.9957 3.02402C11.772 2.58498 11.415 2.22802 10.976 2.00432C10.6928 1.86006 10.3914 1.80257 10.0636 1.77578C9.74785 1.74999 9.36034 1.74999 8.89076 1.75H5.10924ZM5.54167 6.41667C5.54167 6.09449 5.80284 5.83333 6.125 5.83333H7C7.32217 5.83333 7.58333 6.09449 7.58333 6.41667V9.33333C7.58333 9.65551 7.32217 9.91667 7 9.91667C6.67782 9.91667 6.41667 9.65551 6.41667 9.33333V7H6.125C5.80284 7 5.54167 6.73884 5.54167 6.41667ZM7 4.08333C6.67782 4.08333 6.41667 4.3445 6.41667 4.66667C6.41667 4.98884 6.67782 5.25 7 5.25C7.32217 5.25 7.58333 4.98884 7.58333 4.66667C7.58333 4.3445 7.32217 4.08333 7 4.08333Z" fill="currentColor"></path>
                        </svg>
                    </span>

 

[MazaHaka147]

Напишите кто хочет помочь потестить, кину шаблон немного обновленный. (не дамп)

 

[Shumasick]

Напишите кто хочет помочь потестить, кину шаблон немного обновленный. (не дамп)

Давай помогу, что от меня требуется? У меня xF 2.3.6

 

[MazaHaka147]

Давай помогу, что от меня требуется? У меня xF 2.3.6

к сожалению стиль на 2.2.17

 

[Efremov]

Напишите кто хочет помочь потестить, кину шаблон немного обновленный. (не дамп)

Я могу

 

[adeno]

Продается ли этот стиль под какую-либо из версий?

Почему то при скачке этого стиля как будто бы содержится совсем другой

 

[Woodle]

Продается ли этот стиль под какую-либо из версий?

Почему то при скачке этого стиля как будто бы содержится совсем другой

Дочерний стиль к родителю подключи и им уже в свою очередь пользуйся

 

[adeno]

Посмотреть вложение 160914 Дочерний стиль к родителю подключи и им уже в свою очередь пользуйся

да, спасибо.

 

[MazaHaka147]

модиф. шаблона member_notable

Скрины

Код

<xf:title>Top Members</xf:title>
<xf:breadcrumb href="/">Members</xf:breadcrumb>

<xf:macro template="metadata_macros" name="canonical_url" arg-canonicalUrl="{{ link('canonical:members') }}" />

<xf:css src="member.less" />

<xf:if is="$userNotFound">
    <div class="blockMessage blockMessage--error blockMessage--iconic">{{ phrase('specified_member_cannot_be_found_enter_entire_name') }}</div>
</xf:if>
<xf:js>
// Define the formatNumber function to convert numbers to "26K" style
function formatNumber(number) {
    let num = parseFloat(number);
    if (num >= 1000) {
        return (num / 1000).toFixed(0) + 'K';
    }
    return num.toString();
}

// Select all '.emudevs__badge-block' elements and iterate over each
document.querySelectorAll('.emudevs__badge-block').forEach(badgeElement => {
    // Get the current value and trim any whitespace
    let currentValue = badgeElement.textContent.trim();

    // Check if the current value is a number
    if (!isNaN(currentValue)) {
        // Convert the current value to a number and format it
        let formattedValue = formatNumber(currentValue);

        // Set the formatted value
        badgeElement.textContent = formattedValue;
    }
});
</xf:js>

<xf:css>

    :root {
        --neon-glow: 0 0 10px var(--emudevs__kingz-green-color), 0 0 20px var(--emudevs__kingz-green-color-fade-20);
        --neon-text-shadow: 0 0 8px var(--emudevs__kingz-green-color);
    }

    .emudevs__leaderboard-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem;
    }

    @media (max-width: 650px) {
        .emudevs__leaderboard-grid {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }


    .emudevs__leaderboard-card {
        background: rgba(0, 0, 0, 0.6) !important;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        border: 1px solid rgba(100, 255, 100, 0.2) !important;
        box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
        border-radius: 16px;
        padding: 1.5rem;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }


    .emudevs__leaderboard-card::after {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(
            to bottom right,
            transparent 30%,
            rgba(0, 255, 0, 0.1) 50%,
            transparent 70%
        );
        opacity: 0;
        transition: opacity 0.5s;
        pointer-events: none;
        z-index: 1;
    }

    .emudevs__leaderboard-card:hover::after {
        opacity: 1;
        animation: scanline 3s linear infinite;
    }

    @keyframes scanline {
        0% { transform: translateX(-30%) translateY(-30%) rotate(25deg); }
        100% { transform: translateX(30%) translateY(30%) rotate(25deg); }
    }

    .emudevs__leaderboard-card:hover {
        border-color: var(--emudevs__kingz-green-color) !important;
        box-shadow: var(--neon-glow);
        transform: translateY(-2px);
    }


    .emudevs__block-icon svg {
        filter: drop-shadow(0 0 5px transparent);
        transition: filter 0.3s ease;
    }

    .emudevs__leaderboard-card:hover .emudevs__block-icon svg {
        filter: drop-shadow(0 0 8px var(--emudevs__kingz-green-color));
        animation: neonPulse 1.5s infinite;
    }

    @keyframes neonPulse {
        0% { filter: drop-shadow(0 0 2px var(--emudevs__kingz-green-color)); }
        50% { filter: drop-shadow(0 0 10px var(--emudevs__kingz-green-color)); }
        100% { filter: drop-shadow(0 0 2px var(--emudevs__kingz-green-color)); }
    }


    .emudevs__flex-column > div[number] {
        background: rgba(255, 255, 255, 0.03) !important;
        backdrop-filter: blur(4px);
        border: 1px solid rgba(100, 255, 100, 0.1);
        padding: 0.75rem 1rem;
        border-radius: 30px;
        margin-bottom: 0.5rem;
        transition: all 0.2s ease;
    }

    .emudevs__flex-column > div[number]:hover {
        background: rgba(0, 255, 0, 0.1) !important;
        border-color: var(--emudevs__kingz-green-color);
        box-shadow: 0 0 15px rgba(0, 255, 0, 0.3);
        transform: scale(1.02);
    }


    .emudevs__flex-column > div[number="1"] {
        background: linear-gradient(90deg,
            rgba(0, 255, 0, 0.15) 0%,
            rgba(255, 255, 255, 0.02) 100%) !important;
        border: 1px solid rgba(0, 255, 0, 0.3);
        box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
        position: relative;
        overflow: hidden;
    }

    .emudevs__flex-column > div[number="1"]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(0, 255, 0, 0.2), transparent);
        animation: shimmer 3s infinite;
    }

    @keyframes shimmer {
        0% { left: -100%; }
        20% { left: 100%; }
        100% { left: 100%; }
    }


    .emudevs__text-5xl {
        text-shadow: 0 0 5px currentColor;
    }

    div[number="1"] .emudevs__text-5xl {
        animation: neonFlicker 3s infinite;
    }

    @keyframes neonFlicker {
        0% { text-shadow: 0 0 5px var(--emudevs__kingz-green-color); }
        5% { text-shadow: 0 0 12px var(--emudevs__kingz-green-color), 0 0 20px var(--emudevs__kingz-green-color); }
        10% { text-shadow: 0 0 5px var(--emudevs__kingz-green-color); }
        15% { text-shadow: 0 0 8px var(--emudevs__kingz-green-color), 0 0 15px var(--emudevs__kingz-green-color); }
        20% { text-shadow: 0 0 5px var(--emudevs__kingz-green-color); }
        100% { text-shadow: 0 0 5px var(--emudevs__kingz-green-color); }
    }


    .emudevs__badge-block {
        background: rgba(0, 20, 0, 0.7) !important;
        backdrop-filter: blur(4px);
        border: 1px solid rgba(0, 255, 0, 0.3);
        box-shadow: 0 0 10px rgba(0, 255, 0, 0.2);
        padding: 0.35rem 1rem !important;
        border-radius: 20px;
        transition: all 0.2s ease;
    }

    div:hover .emudevs__badge-block {
        background: rgba(0, 40, 0, 0.9) !important;
        border-color: var(--emudevs__kingz-green-color);
        box-shadow: 0 0 15px var(--emudevs__kingz-green-color);
        transform: scale(1.05);
    }


    .emudevs__avatar {
        border: 2px solid transparent;
        transition: all 0.2s ease;
        box-shadow: 0 0 0 rgba(0, 255, 0, 0);
    }

    .emudevs__flex-column > div:hover .emudevs__avatar {
        border-color: var(--emudevs__kingz-green-color);
        box-shadow: 0 0 15px var(--emudevs__kingz-green-color);
        filter: brightness(1.1);
    }


    .emudevs__button-normal {
        background: rgba(0, 0, 0, 0.5) !important;
        backdrop-filter: blur(4px);
        border: 1px solid rgba(0, 255, 0, 0.3) !important;
        color: var(--emudevs__kingz-green-color) !important;
        text-shadow: 0 0 5px currentColor;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }

    .emudevs__button-normal:hover {
        background: rgba(0, 20, 0, 0.8) !important;
        border-color: var(--emudevs__kingz-green-color) !important;
        box-shadow: 0 0 20px var(--emudevs__kingz-green-color);
        transform: translateY(-2px);
    }

    .emudevs__button-normal::after {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(
            transparent 30%,
            rgba(0, 255, 0, 0.2) 50%,
            transparent 70%
        );
        transform: rotate(25deg);
        opacity: 0;
        transition: opacity 0.3s;
    }

    .emudevs__button-normal:hover::after {
        opacity: 1;
        animation: scanline 2s linear infinite;
    }


    .emudevs__dash-separator-vertical {
        opacity: 0.3;
        background: linear-gradient(180deg,
            transparent 0%,
            var(--emudevs__kingz-green-color) 50%,
            transparent 100%) !important;
        width: 2px;
        height: 30px;
        margin: 0.5rem auto;
    }
</xf:css>

<xf:if is="$memberStats is empty">
    <div class="blockMessage">{{ phrase('no_notable_members_can_currently_be_shown') }}</div>
    <xf:else />

    <xf:if is="$active">

        <xf:foreach loop="{$resultsData.{$active.member_stat_key}}" key="$userId" value="$data">
            <div class="block-row block-row--separated">
                <xf:macro template="member_list_macros" name="item" arg-user="{$data.user}" arg-extraData="{$data.value}" arg-extraDataBig="{{ true }}" />
            </div>
            <xf:else />
            <li class="block-row">{{ phrase('no_users_match_specified_criteria') }}</li>
        </xf:foreach>

        <xf:else />
        <div class="emudevs__leaderboard-grid emudevs__grid emudevs__gap-8x">
            <xf:foreach loop="$memberStats" key="$key" value="$memberStat">
                <xf:macro name="overview_block" arg-memberStat="{$memberStat}" arg-results="{$resultsData.{$key}}" />
            </xf:foreach>
        </div>
    </xf:if>
</xf:if>

<xf:macro name="overview_block" arg-memberStat="!" arg-results="!" arg-showTitle="{{ true }}" arg-showFooter="{{ true }}">
    <xf:if contentcheck="true">
        <div class="emudevs__leaderboard-card">
            <div class="emudevs__align-vertical emudevs__mb-3x">
                <xf:if is="$showTitle">
                    <div class="emudevs__block-icon emudevs__mr-3x">
                        <div class="emudevs__block-icon-inner">
                            <xf:if is="{$memberStat.title} ==  'Most messages'">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.99809 17.1133L12.2814 15.2216C12.4309 15.0977 12.6189 15.03 12.8131 15.03H14.1683C15.549 15.03 16.6683 13.9107 16.6683 12.53V5.8335C16.6683 4.45278 15.549 3.3335 14.1683 3.3335L5.83496 3.33351C4.45425 3.33351 3.33496 4.4528 3.33496 5.83351V12.53C3.33496 13.9107 4.45425 15.03 5.83496 15.03H7.20964C7.40542 15.03 7.59494 15.0989 7.74499 15.2247L9.99809 17.1133Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M9.16662 7.5H7.49976M12.4998 10.8333H7.49976" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                <xf:elseif is="{$memberStat.title} ==  'Most Reputation'" />
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M9.04962 2.57963C9.69579 1.95458 10.7212 1.95458 11.3673 2.57963L11.786 2.98472C12.1555 3.34215 12.6693 3.50908 13.1783 3.43708L13.7551 3.35549C14.6453 3.22958 15.4749 3.83231 15.6302 4.71777L15.7308 5.29162C15.8196 5.79797 16.1372 6.23499 16.5913 6.47593L17.106 6.749C17.9 7.17034 18.217 8.14557 17.8221 8.95324L17.5663 9.47666C17.3405 9.93849 17.3405 10.4787 17.5663 10.9405L17.8221 11.4639C18.217 12.2716 17.9 13.2468 17.106 13.6682L16.5913 13.9412C16.1372 14.1822 15.8196 14.6192 15.7308 15.1256L15.6302 15.6994C15.4749 16.5848 14.6453 17.1876 13.7551 17.0617L13.1783 16.9801C12.6693 16.9081 12.1555 17.075 11.786 17.4324L11.3673 17.8375C10.7212 18.4626 9.69579 18.4626 9.04962 17.8375L8.63087 17.4324C8.26143 17.075 7.74768 16.9081 7.23867 16.9801L6.6618 17.0617C5.77168 17.1876 4.94211 16.5848 4.78678 15.6994L4.68611 15.1256C4.5973 14.6192 4.27978 14.1822 3.82566 13.9412L3.31101 13.6682C2.51688 13.2468 2.20001 12.2716 2.59481 11.4639L2.85068 10.9405C3.07644 10.4787 3.07644 9.93849 2.85068 9.47666L2.59481 8.95324C2.20001 8.14557 2.51688 7.17034 3.31101 6.749L3.82566 6.47593C4.27978 6.23499 4.5973 5.79797 4.68611 5.29163L4.78678 4.71777C4.94211 3.83231 5.77168 3.22958 6.6618 3.35549L7.23867 3.43708C7.74768 3.50908 8.26143 3.34215 8.63087 2.98472L9.04962 2.57963Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linejoin="round"></path>
                                <path d="M10.4746 8.02647L10.3455 8.43122C10.2396 8.76291 10.1867 8.92873 10.2274 9.05964C10.2603 9.1656 10.3326 9.25694 10.4311 9.31702C10.5527 9.39134 10.7368 9.39134 11.105 9.39134H11.3009C12.547 9.39134 13.17 9.39134 13.4643 9.74931C13.498 9.79025 13.5279 9.83374 13.5538 9.87934C13.7802 10.2787 13.5228 10.8165 13.008 11.8923C12.5356 12.8795 12.2994 13.3731 11.8609 13.6636C11.8184 13.6917 11.7748 13.7183 11.7301 13.7431C11.2684 14 10.6963 14 9.55223 14H9.30408C7.91794 14 7.22488 14 6.79426 13.5951C6.36365 13.1901 6.36365 12.5383 6.36365 11.2348V10.7767C6.36365 10.0916 6.36365 9.74909 6.48891 9.43556C6.61416 9.12211 6.854 8.86429 7.33368 8.34876L9.31739 6.21673C9.36714 6.16326 9.39201 6.13652 9.41398 6.118C9.6187 5.94507 9.9347 5.96454 10.1137 6.1611C10.1328 6.18216 10.1538 6.21172 10.1957 6.27084C10.2612 6.36331 10.294 6.40955 10.3226 6.45537C10.5783 6.86548 10.6557 7.35264 10.5386 7.81513C10.5255 7.86678 10.5085 7.92004 10.4746 8.02647Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                <xf:elseif is="{$memberStat.title} ==  'Most referrals'" />
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.0196 10.9837C14.6315 9.89883 17.8766 11.2748 18.8821 15.1113C19.1272 16.0464 18.3438 16.875 17.3772 16.875H13.5404M8.95704 5.83333C8.95704 7.32911 7.74449 8.54167 6.24872 8.54167C4.75295 8.54167 3.54038 7.32911 3.54038 5.83333C3.54038 4.33756 4.75295 3.125 6.24872 3.125C7.74449 3.125 8.95704 4.33756 8.95704 5.83333ZM16.457 5.83333C16.457 7.32911 15.2445 8.54167 13.7487 8.54167C12.253 8.54167 11.0404 7.32911 11.0404 5.83333C11.0404 4.33756 12.253 3.125 13.7487 3.125C15.2445 3.125 16.457 4.33756 16.457 5.83333ZM9.75804 16.875H2.62034C1.65372 16.875 0.870901 16.0421 1.11645 15.1072C2.68606 9.13092 9.69229 9.13092 11.262 15.1072C11.5075 16.0421 10.7247 16.875 9.75804 16.875Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                <xf:elseif is="{$memberStat.title} ==  'Top Earners (Bits)'" />
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M9.99992 2.5L16.6666 6.24995V13.7501L9.99992 17.5L3.33325 13.7501V6.24995L9.99992 2.5Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                <xf:elseif is="{$memberStat.title} ==  'Highest Level (ranking)'" />
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.7752 17.705H7.21688V11.4688C7.21688 10.5521 7.96688 9.80208 8.88358 9.80208H11.1086C11.5506 9.80208 11.9745 9.97767 12.2871 10.2902C12.5996 10.6028 12.7752 11.0268 12.7752 11.4688V17.705ZM12.7752 17.705V13.9688H14.1669C15.0836 13.9688 15.8336 14.7188 15.8336 15.6354V17.705H12.7752ZM7.22508 12.2913H5.83341C4.91675 12.2913 4.16675 13.0413 4.16675 13.958L4.16749 17.7044H7.22582L7.22508 12.2913ZM10.0001 2L10.9086 4.00191L13.0001 4.2918L11.4701 5.81892L11.8542 8L10.0001 6.94192L8.14598 8L8.53008 5.81892L7.00008 4.2918L9.09157 4.00191L10.0001 2Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                <xf:elseif is="{$memberStat.title} ==  'Highest reaction score'" />
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.29163 9.79167C2.29163 8.87117 3.03782 8.125 3.95829 8.125H4.79163C5.7121 8.125 6.45829 8.87117 6.45829 9.79167V15.2083C6.45829 16.1288 5.7121 16.875 4.79163 16.875H3.95829C3.03782 16.875 2.29163 16.1288 2.29163 15.2083V9.79167Z" stroke="var(--kz-kingz-green-color)" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M10.3442 2.34028L9.95154 2.2915C8.75004 6.24984 6.45837 7.05269 6.45837 9.40292V14.954C6.45837 15.6227 6.84523 16.2407 7.47749 16.4695C9.62312 17.2459 11.8675 17.412 14.1364 17.2166C15.522 17.0973 16.6077 16.0339 16.913 14.6855L17.644 11.457C18.0091 9.84409 16.775 8.31093 15.1114 8.31093H11.2655L12.0866 5.6588C12.5612 4.12616 11.9453 2.53917 10.3442 2.34028Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linejoin="round"></path>
</svg>
                                <xf:elseif is="{$memberStat.title} ==  'Highest Experience Points'" />
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5 7.50007L9.16667 12.5001M5 12.5001L9.16667 7.50007M11.6667 12.5001V10.4167M11.6667 10.4167V7.50007H14.1667C14.6269 7.50007 15 7.87317 15 8.3334V9.5834C15 10.0437 14.6269 10.4167 14.1667 10.4167H11.6667ZM3.44946 14.2898L8.94946 17.6849C9.59341 18.0824 10.4066 18.0824 11.0505 17.6849L16.5505 14.2898C17.1407 13.9255 17.5 13.2815 17.5 12.588V7.41215C17.5 6.71861 17.1407 6.07458 16.5505 5.71028L11.0505 2.31522C10.4066 1.91771 9.59342 1.91771 8.94946 2.31522L3.44946 5.71028C2.8593 6.07458 2.5 6.71861 2.5 7.41215V12.588C2.5 13.2815 2.8593 13.9255 3.44946 14.2898Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                <xf:elseif is="{$memberStat.title} ==  'Top Traders'" />
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.37704 3.9885L6.22909 4.45228C6.10787 4.83229 6.04725 5.02231 6.09386 5.17238C6.13158 5.29378 6.21437 5.39843 6.32718 5.46728C6.46663 5.55239 6.67758 5.55239 7.09947 5.55239H7.32392C8.75171 5.55239 9.46563 5.55239 9.80279 5.96259C9.84138 6.00948 9.87563 6.05933 9.90529 6.11162C10.1647 6.56913 9.86979 7.18544 9.27996 8.41809C8.73871 9.54925 8.46804 10.1148 7.96553 10.4478C7.91688 10.4799 7.86689 10.5103 7.81568 10.5388C7.28665 10.8332 6.63116 10.8332 5.32018 10.8332H5.03584C3.44758 10.8332 2.65345 10.8332 2.16003 10.3692C1.66663 9.90517 1.66663 9.15834 1.66663 7.6647V7.13973C1.66663 6.35479 1.66663 5.96232 1.81015 5.6031C1.95367 5.24388 2.22849 4.94852 2.77813 4.35779L5.05113 1.91484C5.10814 1.85358 5.13665 1.82294 5.16178 1.80171C5.39637 1.60357 5.75842 1.62587 5.96352 1.8511C5.98549 1.87523 6.0095 1.9091 6.05753 1.97684C6.13264 2.0828 6.1702 2.13579 6.20293 2.18828C6.49598 2.65819 6.58464 3.2164 6.4504 3.74634C6.43541 3.80553 6.41594 3.86655 6.37704 3.9885Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M13.6229 16.0112L13.7708 15.5474C13.8921 15.1673 13.9528 14.9773 13.9061 14.8273C13.8684 14.7059 13.7856 14.6013 13.6728 14.5324C13.5333 14.4473 13.3224 14.4473 12.9005 14.4473H12.6761C11.2483 14.4473 10.5343 14.4473 10.1972 14.0371C10.1586 13.9902 10.1243 13.9403 10.0947 13.8881C9.83527 13.4305 10.1302 12.8143 10.72 11.5816C11.2613 10.4504 11.5319 9.88484 12.0344 9.55192C12.0831 9.51975 12.1331 9.48934 12.1843 9.46084C12.7133 9.1665 13.3688 9.1665 14.6798 9.1665H14.9641C16.5524 9.1665 17.3465 9.1665 17.8399 9.6305C18.3333 10.0945 18.3333 10.8413 18.3333 12.335V12.8599C18.3333 13.6449 18.3333 14.0373 18.1898 14.3966C18.0463 14.7558 17.7715 15.0512 17.2218 15.6419L14.9488 18.0848C14.8918 18.1461 14.8633 18.1768 14.8382 18.198C14.6036 18.3961 14.2415 18.3738 14.0364 18.1486C14.0145 18.1244 13.9904 18.0906 13.9424 18.0228C13.8673 17.9168 13.8298 17.8639 13.797 17.8114C13.504 17.3415 13.4153 16.7833 13.5496 16.2533C13.5646 16.1942 13.584 16.1331 13.6229 16.0112Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                                <xf:elseif is="{$memberStat.title} ==  'Most resources'" />
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="var(--emudevs__kingz-green-color)" fill-rule="evenodd" d="M12 1.25c-.605 0-1.162.15-1.771.402c-.589.244-1.273.603-2.124 1.05L6.037 3.787c-1.045.548-1.88.987-2.527 1.418c-.668.447-1.184.917-1.559 1.554c-.374.635-.542 1.323-.623 2.142c-.078.795-.078 1.772-.078 3.002v.194c0 1.23 0 2.207.078 3.002c.081.82.25 1.507.623 2.142c.375.637.89 1.107 1.56 1.554c.645.431 1.481.87 2.526 1.418l2.068 1.085c.851.447 1.535.806 2.124 1.05c.61.252 1.166.402 1.771.402s1.162-.15 1.771-.402c.589-.244 1.273-.603 2.124-1.05l2.068-1.084c1.045-.549 1.88-.988 2.526-1.419c.67-.447 1.185-.917 1.56-1.554c.374-.635.542-1.323.623-2.142c.078-.795.078-1.772.078-3.001v-.196c0-1.229 0-2.206-.078-3.001c-.081-.82-.25-1.507-.623-2.142c-.375-.637-.89-1.107-1.56-1.554c-.645-.431-1.481-.87-2.526-1.418l-2.068-1.085c-.851-.447-1.535-.806-2.124-1.05c-.61-.252-1.166-.402-1.771-.402M8.77 4.046c.89-.467 1.514-.793 2.032-1.007c.504-.209.859-.289 1.198-.289c.34 0 .694.08 1.198.289c.518.214 1.141.54 2.031 1.007l2 1.05c1.09.571 1.855.974 2.428 1.356c.282.189.503.364.683.54l-3.331 1.665l-8.5-4.474zm-1.825.958l-.174.092c-1.09.571-1.855.974-2.427 1.356a4.646 4.646 0 0 0-.683.54L12 11.162l3.357-1.68l-8.206-4.318a.749.749 0 0 1-.206-.16M2.938 8.307c-.05.214-.089.457-.117.74c-.07.714-.071 1.617-.071 2.894v.117c0 1.278 0 2.181.071 2.894c.069.697.2 1.148.423 1.528c.222.377.543.696 1.1 1.068c.572.382 1.337.785 2.427 1.356l2 1.05c.89.467 1.513.793 2.031 1.007c.164.068.311.122.448.165v-8.663zm9.812 12.818c.137-.042.284-.096.448-.164c.518-.214 1.141-.54 2.031-1.007l2-1.05c1.09-.572 1.855-.974 2.428-1.356c.556-.372.877-.691 1.1-1.068c.223-.38.353-.83.422-1.528c.07-.713.071-1.616.071-2.893v-.117c0-1.278 0-2.181-.071-2.894a5.627 5.627 0 0 0-.117-.74L17.75 9.963V13a.75.75 0 0 1-1.5 0v-2.286l-3.5 1.75z" clip-rule="evenodd"/></svg>
                                <xf:else/>
                            </xf:if>
                        </div>
                    </div>
                    <h3 class="emudevs__m-0 emudevs__heading-text-base emudevs__font-medium emudevs__text-color-white">{$memberStat.title}</h3>
                </xf:if>
            </div>

            <div class="emudevs__flex-column emudevs__gap-3x">
                <xf:contentcheck>
                    <xf:foreach loop="$results" key="$userId" value="$data" i="$i">
                        <xf:if is="$i == 1">
                            <div class="emudevs__flex emudevs__align-center emudevs__rounded-2x" style="background:linear-gradient(90deg,var(--emudevs__kingz-green-color-fade-5),transparent 60%);" number="{$i}">
                                <div class="emudevs__flex emudevs__align-center emudevs__gap-3x">
                                    <div class="emudevs__flex emudevs__align-center emudevs__isolate">
                                        <div class="emudevs__flex emudevs__align-center emudevs__justify-end emudevs__w-6x emudevs__relative emudevs__top-1x emudevs__left-1x emudevs__index-n1">
                                            <xf:if is="$i == 1">
                                                <span class="emudevs__text-5xl emudevs__font-bold" style="color:var(--emudevs__kingz-green-color-fade-20);font-family:var(--emudevs__aeonik-font)">{$i}</span>
                                            <xf:else />
                                            <span class="emudevs__text-5xl emudevs__font-bold" style="color:var(--emudevs__block-color-300);font-family:var(--emudevs__aeonik-font)">{$i}</span>
                                            </xf:if>
                                        </div>
                                        <div class="emudevs__flex emudevs__relative">
                                            <xf:avatar user="$data.user" class="emudevs__w-9x emudevs__h-9x emudevs__block-bg-100" size="s" />
                                            <xf:if is="$i == 1">
                                                <div class="emudevs__absolute emudevs__flex emudevs__align-center emudevs__justify-center emudevs__rounded-full emudevs__background emudevs__shrink-0 emudevs__pointer" style="width:1.125rem;height:1.125rem;bottom:-0.125rem;right:-0.125rem;outline:2px solid var(--emudevs__block-color-100)">
                                                    <div class="emudevs__flex emudevs__align-center emudevs__justify-center emudevs__rounded-full emudevs__shrink-0" style="background:var(--emudevs__kingz-green-color-fade-10);width:1.125rem;height:1.125rem">
                                                        <svg width="12" height="12" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4998 1.47838C10.5004 1.37174 10.4617 1.26862 10.3909 1.18883C10.3202 1.10904 10.2225 1.05821 10.1165 1.04613C8.04501 0.816656 5.95451 0.816656 3.88301 1.04613C3.77721 1.0582 3.67959 1.10889 3.60886 1.1885C3.53814 1.26811 3.49929 1.37102 3.49976 1.4775V1.97363C2.79013 2.06463 2.08926 2.18363 1.39713 2.32888C1.25275 2.35932 1.12284 2.43753 1.02838 2.55089C0.93392 2.66424 0.880416 2.80612 0.876508 2.95363C0.847729 3.9939 1.23195 5.00327 1.94518 5.7611C2.65841 6.51893 3.64265 6.96358 4.68276 6.99788C5.09607 7.36378 5.59025 7.62647 6.12476 7.76438V8.74963H5.24976C5.01769 8.74963 4.79513 8.84181 4.63104 9.00591C4.46694 9.17 4.37476 9.39256 4.37476 9.62463V11.3746H3.79113C3.14713 11.3746 2.62476 11.897 2.62476 12.541C2.62476 12.863 2.88551 13.1246 3.20838 13.1246H10.7911C10.9459 13.1246 11.0944 13.0631 11.2038 12.9537C11.3133 12.8442 11.3748 12.6958 11.3748 12.541C11.3748 11.897 10.8524 11.3746 10.2084 11.3746H9.62476V9.62463C9.62476 9.39256 9.53257 9.17 9.36848 9.00591C9.20438 8.84181 8.98182 8.74963 8.74976 8.74963H7.87476V7.76438C8.40957 7.6266 8.90407 7.3639 9.31763 6.99788C10.3577 6.96358 11.342 6.51893 12.0552 5.7611C12.7684 5.00327 13.1527 3.9939 13.1239 2.95363C13.1199 2.806 13.0663 2.66403 12.9717 2.55065C12.877 2.43728 12.7469 2.35915 12.6024 2.32888C11.9065 2.18285 11.205 2.06434 10.4998 1.97363V1.4775V1.47838ZM3.49976 3.29663C3.07101 3.35438 2.64576 3.4235 2.22401 3.50225C2.29415 3.91277 2.46083 4.30075 2.71032 4.63422C2.95981 4.96769 3.28497 5.2371 3.65901 5.42025C3.55325 5.08179 3.49955 4.72922 3.49976 4.37463V3.2975V3.29663ZM10.4998 3.29663C10.9285 3.35438 11.3538 3.4235 11.7755 3.50225C11.7054 3.91277 11.5387 4.30075 11.2892 4.63422C11.0397 4.96769 10.7145 5.2371 10.3405 5.42025C10.4438 5.09038 10.4998 4.73863 10.4998 4.37463V3.2975V3.29663Z" fill="var(--emudevs__kingz-green-color)"></path>
                                                        </svg>
                                                    </div>
                                                </div>
                                            </xf:if>
                                        </div>
                                    </div>
                                    <xf:username user="$data.user" class="emudevs__text-base emudevs__mr-3x" rich="true" />
                                </div>
                                <xf:if is="$data.value">
                                    <span class="emudevs__badge-block emudevs__block-bg-200 emudevs__text-sm emudevs__font-semibold emudevs__kingz-green-color emudevs__pi-2x emudevs__pblock-0x emudevs__ml-auto" style="background: var(--emudevs__kingz-green-color-fade-5);">{$data.value}</span>
                                </xf:if>
                            </div>
                            <div class="emudevs__dash-separator-vertical emudevs__mi-2x"></div>
                        <xf:else />
                            <div class="emudevs__flex emudevs__align-center emudevs__rounded-2x" number="{$i}">
                                <div class="emudevs__flex emudevs__align-center emudevs__gap-3x">
                                    <div class="emudevs__flex emudevs__align-center emudevs__isolate">
                                        <div class="emudevs__flex emudevs__align-center emudevs__justify-end emudevs__w-6x emudevs__relative emudevs__top-1x emudevs__left-1x emudevs__index-n1">
                                            <xf:if is="$i == 1">
                                                <span class="emudevs__text-5xl emudevs__font-bold" style="color:var(--emudevs__kingz-green-color-fade-20);font-family:var(--emudevs__aeonik-font)">{$i}</span>
                                            <xf:else />
                                            <span class="emudevs__text-5xl emudevs__font-bold" style="color:var(--emudevs__block-color-300);font-family:var(--emudevs__aeonik-font)">{$i}</span>
                                            </xf:if>
                                        </div>
                                        <div class="emudevs__flex emudevs__relative">
                                            <xf:avatar user="$data.user" class="emudevs__w-9x emudevs__h-9x emudevs__block-bg-100" size="s" />
                                            <xf:if is="$i == 1">
                                                <div class="emudevs__absolute emudevs__flex emudevs__align-center emudevs__justify-center emudevs__rounded-full emudevs__background emudevs__shrink-0 emudevs__pointer" style="width:1.125rem;height:1.125rem;bottom:-0.125rem;right:-0.125rem;outline:2px solid var(--emudevs__block-color-100)">
                                                    <div class="emudevs__flex emudevs__align-center emudevs__justify-center emudevs__rounded-full emudevs__shrink-0" style="background:var(--emudevs__kingz-green-color-fade-10);width:1.125rem;height:1.125rem">
                                                        <svg width="12" height="12" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4998 1.47838C10.5004 1.37174 10.4617 1.26862 10.3909 1.18883C10.3202 1.10904 10.2225 1.05821 10.1165 1.04613C8.04501 0.816656 5.95451 0.816656 3.88301 1.04613C3.77721 1.0582 3.67959 1.10889 3.60886 1.1885C3.53814 1.26811 3.49929 1.37102 3.49976 1.4775V1.97363C2.79013 2.06463 2.08926 2.18363 1.39713 2.32888C1.25275 2.35932 1.12284 2.43753 1.02838 2.55089C0.93392 2.66424 0.880416 2.80612 0.876508 2.95363C0.847729 3.9939 1.23195 5.00327 1.94518 5.7611C2.65841 6.51893 3.64265 6.96358 4.68276 6.99788C5.09607 7.36378 5.59025 7.62647 6.12476 7.76438V8.74963H5.24976C5.01769 8.74963 4.79513 8.84181 4.63104 9.00591C4.46694 9.17 4.37476 9.39256 4.37476 9.62463V11.3746H3.79113C3.14713 11.3746 2.62476 11.897 2.62476 12.541C2.62476 12.863 2.88551 13.1246 3.20838 13.1246H10.7911C10.9459 13.1246 11.0944 13.0631 11.2038 12.9537C11.3133 12.8442 11.3748 12.6958 11.3748 12.541C11.3748 11.897 10.8524 11.3746 10.2084 11.3746H9.62476V9.62463C9.62476 9.39256 9.53257 9.17 9.36848 9.00591C9.20438 8.84181 8.98182 8.74963 8.74976 8.74963H7.87476V7.76438C8.40957 7.6266 8.90407 7.3639 9.31763 6.99788C10.3577 6.96358 11.342 6.51893 12.0552 5.7611C12.7684 5.00327 13.1527 3.9939 13.1239 2.95363C13.1199 2.806 13.0663 2.66403 12.9717 2.55065C12.877 2.43728 12.7469 2.35915 12.6024 2.32888C11.9065 2.18285 11.205 2.06434 10.4998 1.97363V1.4775V1.47838ZM3.49976 3.29663C3.07101 3.35438 2.64576 3.4235 2.22401 3.50225C2.29415 3.91277 2.46083 4.30075 2.71032 4.63422C2.95981 4.96769 3.28497 5.2371 3.65901 5.42025C3.55325 5.08179 3.49955 4.72922 3.49976 4.37463V3.2975V3.29663ZM10.4998 3.29663C10.9285 3.35438 11.3538 3.4235 11.7755 3.50225C11.7054 3.91277 11.5387 4.30075 11.2892 4.63422C11.0397 4.96769 10.7145 5.2371 10.3405 5.42025C10.4438 5.09038 10.4998 4.73863 10.4998 4.37463V3.2975V3.29663Z" fill="var(--emudevs__kingz-green-color)"></path>
                                                        </svg>
                                                    </div>
                                                </div>
                                            </xf:if>
                                        </div>
                                    </div>
                                    <xf:username user="$data.user" class="emudevs__text-base emudevs__mr-3x" rich="true" />
                                </div>
                                <xf:if is="$data.value">
                                    <span class="emudevs__badge-block emudevs__block-bg-200 emudevs__text-sm emudevs__font-semibold emudevs__text-color-300 emudevs__pi-2x emudevs__pblock-0x emudevs__ml-auto">{$data.value}</span>
                                </xf:if>
                            </div>
                        </xf:if>
                    </xf:foreach>
                </xf:contentcheck>
            </div>
            <xf:if is="$showFooter">
                <div class="emudevs__flex emudevs__justify-center emudevs__mt-3x">
                    <a class="emudevs__button-normal is-outlined button" href="{{ link('members', null, {'key': $memberStat.member_stat_key}) }}"><span class="button-text">{{ phrase('see_more...') }}</span></a>
                </div>
            </xf:if>
        </div>
    </xf:if>
</xf:macro>

<xf:macro name="overview_row" arg-data="!">
    <div class="emudevs__flex emudevs__align-center emudevs__gap-3x">
        <div class="emudevs__flex emudevs__align-center emudevs__isolate">
            <div class="emudevs__flex emudevs__align-center emudevs__justify-end emudevs__w-6x emudevs__relative emudevs__top-1x emudevs__left-1x emudevs__index-n1">
                <span class="emudevs__text-5xl emudevs__font-bold" style="color:var(--emudevs__kingz-green-color-fade-20);font-family:var(--emudevs__aeonik-font)">{$i}</span>
            </div>
            <div class="emudevs__flex emudevs__relative">
                <xf:avatar user="$data.user" class="emudevs__w-9x emudevs__h-9x emudevs__block-bg-100" size="s" />
            </div>
        </div>
        <xf:username user="$data.user" class="emudevs__text-base emudevs__mr-3x" rich="true" />
    </div>
    <xf:if is="$data.value">
        <span class="emudevs__badge-block emudevs__block-bg-200 emudevs__text-sm emudevs__font-semibold emudevs__text-color-300 emudevs__pi-2x emudevs__pblock-0x emudevs__ml-auto">{$data.value}</span>
    </xf:if>
</xf:macro>

<script>
    // Select all 'a' elements with href containing 'key=top_earners'
    let aElements = document.querySelectorAll('a[href*="key=top_earners"]');

    // Iterate over each 'a' element
    aElements.forEach(aElement => {
        // Find the 'leaderboard-badge' element within the parent of the 'a' element
        let badgeElement = aElement.parentElement.querySelector('.leaderboard-badge');

        // If 'leaderboard-badge' element is found
        if (badgeElement) {
            // Get the current value
            let currentValue = badgeElement.textContent;

            // If the current value is a decimal number
            if (!isNaN(currentValue) && currentValue.includes('.')) {
                // Shorten the decimal to two places
                let newValue = parseFloat(currentValue).toFixed(0);

                // Set the new value
                badgeElement.textContent = newValue;
            }
        }
    });
</script>