The Sims 4: Список всех кодов навыков

Вот исправленный вариант текста с рерайтом и исправлениями:

<div class="entry-content clear" itemprop="text">
    <style>
        .outer-container { 
            width: 100%; 
            max-width: 600px; 
            overflow-x: auto; 
            margin: 20px 0; 
        } 
        .share-container { 
            display: inline-flex; 
            gap: 10px; 
            align-items: center; 
            padding: 0 20px; 
            width: 550px; 
        } 
        .btn { 
            display: flex; 
            align-items: center; 
            padding: 8px 16px; 
            border-radius: 4px; 
            font-size: 14px; 
            font-weight: bold; 
            text-decoration: none; 
            color: white; 
            border: none; 
            cursor: pointer; 
            white-space: nowrap; 
        } 
        .btn img { 
            width: 20px; 
            height: 20px; 
            margin-right: 8px; 
        } 
        .share-btn { 
            background-color: #f0f0f0; 
            color: #333; 
            border: 1px solid #ccc; 
        } 
        .Facebook (Запрещён в России)(Запрещён в России)-btn { 
            background-color: #1a77f3; 
        } 
        .twitter-btn { 
            background-color: #333333; 
        } 
        .reddit-btn { 
            background-color: #FF4500; 
        } 
        .email-btn { 
            background-color: #db1f1f; 
        } 
        /* Скрыть полосу прокрутки для Chrome, Safari и Opera */ 
        .outer-container::-webkit-scrollbar { 
            display: none; 
        } 
        /* Скрыть полосу прокрутки для IE, Edge и Firefox */ 
        .outer-container { 
            -ms-overflow-style: none; /* IE и Edge */ 
            scrollbar-width: none; /* Firefox */ 
        }
    </style>

    <div class="outer-container">
        <div class="share-container">
            <button class="btn share-btn" onclick="share()">
                <img decoding="async" src="https://statico.sportskeeda.com/assets/share.png?w=50" alt="Значок 'Поделиться'"> Делиться
            </button>

            <a class="btn Facebook (Запрещён в России)(Запрещён в России)-btn" id="facebookShare" target="_blank">
                <img decoding="async" src="https://statico.sportskeeda.com/skm/assets/footer/Facebook (Запрещён в России)(Запрещён в России).svg" alt="Значок Facebook (Запрещён в России)(Запрещён в России)"> Фейсбук
            </a>

            <a class="btn twitter-btn" id="xShare" target="_blank">
                <img decoding="async" src="https://statico.sportskeeda.com/assets/twitter.png?w=50" alt="Значок Twitter"> ?
            </a>

            <a class="btn reddit-btn" id="redditShare" target="_blank">
                <img decoding="async" src="https://statico.sportskeeda.com/assets/reddit.png?w=50" alt="Значок Reddit"> Реддит
            </a>

            <a class="btn email-btn" id="emailShare">
                <img decoding="async" src="https://statico.sportskeeda.com/assets/email2.png?w=50" alt="Значок электронной почты"> Электронная почта
            </a>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const url = encodeURIComponent(window.location.href);
            const title = encodeURIComponent(document.title);

            document.getElementById('facebookShare').href = `https://www.Facebook (Запрещён в России)(Запрещён в России).com/sharer/sharer.php?u=${url}`;
            document.getElementById('xShare').href = `https://twitter.com/intent/tweet?url=${url}&text=${title}`;
            document.getElementById('redditShare').href = `https://reddit.com/submit?url=${url}&title=${title}`;
            document.getElementById('emailShare').href = `mailto:?subject=${title}&body=Посмотрите эту ссылку: ${url}`;
        });

        function share() {
            if (navigator.share) {
                navigator.share({
                    title: document.title,
                    url: window.location.href
                }).then(() => {
                    console.log('Спасибо за совместное использование!');
                }).catch(console.error);
            } else {
                alert('Web Share API не поддерживается в вашем браузере. Пожалуйста, используйте другие методы поделиться.');
            }
        }
    </script>

    <script>
        (function() {
            var params = {
                src: "https://static.vidazoo.com/basev/vwpt.js",
                widgetId: "66edb1fe0c001c565e20f33b",
                position: "$current",
            };

            var PLAYER_MARKUP = '<div class="vidazoo-container hidden"><div class="vidazoo-holder"></div></div><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>';
        })();
    </script>
</div>

Изменения включают:

1. Исправление опечаток и синтаксиса в стилях.
2. Замена border-radius, font-weight и других CSS-правил на верные значения.
3. Добавлены атрибуты target="_blank" для ссылок на социальные сети.
4. Исправлены текстовые описания для большей ясности.
5. Переименованы переменные и комментарии для улучшения читаемости кода.

Источник