<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exec Role Play</title>

    <!-- Favicon -->
    <link rel="icon" href="/icon.png" type="image/png" sizes="16x16">

<!-- Primary Meta Tags -->
<title>🚀Exec Role Play - Лучший сервер в игре Garry's mod! 🎅🏻</title>
<meta name="title" content="🚀Exec Role Play - Лучший сервер в игре Garry's mod! 🎅🏻" />
<meta name="description" content="🎁 Подарки новым игрокам! ✅

🎄 Зимняя Карта 🎉

❄️Новогодние Ивенты 😎" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://execrp.rf.gd/" />
<meta property="og:title" content="🚀Exec Role Play - Лучший сервер в игре Garry's mod! 🎅🏻" />
<meta property="og:description" content="🎁 Подарки новым игрокам! ✅

🎄 Зимняя Карта 🎉

❄️Новогодние Ивенты 😎" />
<meta property="og:image" content="https://i.imgur.com/L3ZZW9a.png" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://execrp.rf.gd/" />
<meta property="twitter:title" content="🚀Exec Role Play - Лучший сервер в игре Garry's mod! 🎅🏻" />
<meta property="twitter:description" content="🎁 Подарки новым игрокам! ✅

🎄 Зимняя Карта 🎉

❄️Новогодние Ивенты 😎" />
<meta property="twitter:image" content="https://i.imgur.com/L3ZZW9a.png" />

    <style>
        body {
            margin: 0;
            padding: 0;
            background: black;
            color: white;
            font-family: Arial, sans-serif;
            overflow: hidden;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: default;
        }

        #background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            filter: brightness(20%);
            z-index: -2;
            transition: opacity 1s ease-in-out;
        }

        #background.fade-out {
            opacity: 0;
        }

        #snow-canvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        .center-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            z-index: 10;
        }

        .center-content h1 {
            margin: 0 0 20px;
            font-size: 48px;
            font-weight: bold;
        }

        .center-content .buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
        }

        .center-content .buttons button {
            background: black;
            color: white;
            border: 2px solid white;
            padding: 10px 20px;
            font-size: 18px;
            cursor: pointer;
            border-radius: 5px;
            transition: border-color 0.3s, box-shadow 0.3s;
            text-align: center;
        }

        .center-content .buttons button:hover {
            box-shadow: 0 0 10px yellow;
        }

        .center-content .buttons button:nth-child(1):hover {
            border-color: yellow;
            box-shadow: 0 0 10px yellow;
        }

        .center-content .buttons button:nth-child(2):hover {
            border-color: blue;
            box-shadow: 0 0 10px blue;
        }

        .center-content .buttons button:nth-child(3):hover {
            border-color: red;
            box-shadow: 0 0 10px red;
        }

        .footer {
            position: absolute;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            z-index: 10;
        }

        @media (max-width: 768px) {
            .center-content .buttons {
                flex-direction: column;
                gap: 10px;
            }

            .center-content .buttons button {
                width: 80%;
                margin: 0 auto;
                text-align: center;
            }
        }
    </style>
</head>
<body>
    <div id="background"></div>
    <canvas id="snow-canvas"></canvas>
    <div class="center-content">
        <h1>Exec Role Play</h1>
        <div class="buttons">
            <button onmouseover="playSound()" onclick="location.href='steam://connect/play.execservers.online'">Подключиться</button>
            <button onmouseover="playSound()" onclick="location.href='https://discord.gg/dvNqnBRTMp'">DISCORD</button>
            <button onmouseover="playSound()" onclick="location.href='https://t.me/rubat_officiaI'">Тех.Поддержка</button>
        </div>
    </div>

    <!-- Элемент для загрузки звука при наведении -->
    <audio id="hover-sound" src="https://www.dropbox.com/scl/fi/0cebmlar215319rl2734m/6a6ad928cfac061.mp3?rlkey=04i98wqesaq43v29v7d0kkbyo&st=edyfgukt&dl=1"></audio>

    <!-- Элемент для фоновой музыки -->
    <audio id="background-music" autoplay loop>
        <source src="https://www.dropbox.com/scl/fi/p63b0jj5oouirugvoi397/execrp_hit.mp3?rlkey=2uxnn37grsatc0bei51dw4kbb&st=jkjjxxz7&dl=1" type="audio/mpeg">
        Ваш браузер не поддерживает элемент <code>audio</code>.
    </audio>

    <script>
        (function() {
            let devToolsOpenCount = 0;

            function disableWebsite() {
                // Полностью блокируем доступ к сайту
                document.body.innerHTML = '<h1 style="color:red; text-align:center; margin-top:20%;">Доступ запрещен</h1>';
                document.body.style.background = 'black';
                
                // Отключаем все скрипты
                Array.from(document.scripts).forEach(script => script.remove());
                
                // Блокируем все события
                ['click', 'keydown', 'mousemove'].forEach(event => {
                    document.addEventListener(event, e => e.preventDefault(), true);
                });

                // Перенаправление
                setTimeout(() => {
                    window.location.href = 'about:blank';
                }, 100);
            }

            function checkDevTools() {
                const widthDiff = window.outerWidth - window.innerWidth;
                const heightDiff = window.outerHeight - window.innerHeight;
                
                // Более точное определение открытия DevTools
                if (widthDiff > 100 || heightDiff > 100) {
                    devToolsOpenCount++;
                    
                    if (devToolsOpenCount >= 3) {
                        disableWebsite();
                    }
                }
            }

            // Множественные методы перехвата
            document.addEventListener('keydown', function(e) {
                if (
                    e.keyCode === 123 || // F12
                    (e.ctrlKey && e.shiftKey && e.keyCode === 73) || // Ctrl+Shift+I
                    (e.ctrlKey && e.shiftKey && e.keyCode === 74) || // Ctrl+Shift+J
                    (e.ctrlKey && e.keyCode === 85) // Ctrl+U
                ) {
                    e.preventDefault();
                    checkDevTools();
                    return false;
                }
            });

            // Защита от контекстного меню
            document.addEventListener('contextmenu', function(e) {
                e.preventDefault();
                return false;
            });

            // Защита от копирования
            document.addEventListener('copy', function(e) {
                e.preventDefault();
                return false;
            });

            // Периодическая проверка
            setInterval(checkDevTools, 500);

            // Блокировка выделения
            document.onselectstart = function() { return false; };
        })();

        const canvas = document.getElementById('snow-canvas');
        const ctx = canvas.getContext('2d');
        const backgroundEl = document.getElementById('background');

        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

        const particles = [];
        const backgroundImages = [
            'https://i.imgur.com/27LaZPg.jpeg',
            'https://i.imgur.com/iZvoPDR.png',
            'https://i.imgur.com/UD8QjCO.jpeg',
            'https://i.imgur.com/CdWvsx1.jpeg',
            'https://i.imgur.com/0gNF2s3.jpeg',
            'https://i.imgur.com/V02SbW1.jpeg',
            'https://i.imgur.com/LECMHB8.jpeg',
            'https://i.imgur.com/QlJbMIU.jpeg',
            'https://i.imgur.com/vb330rz.png',
            'https://i.imgur.com/p7tXLhg.jpeg',
            'https://i.imgur.com/QytmSbF.png',
            'https://i.imgur.com/J8rRCxG.png',
            'https://i.imgur.com/L64Ertb.jpeg',
            'https://i.imgur.com/wwgeh20.png',
            'https://i.imgur.com/jpEq5sK.jpeg',
            'https://i.imgur.com/ctHzf6V.jpeg',
            'https://i.imgur.com/Dfmkcyf.jpeg',
            'https://i.imgur.com/3jdD0oj.jpeg',
            'https://i.imgur.com/gAZJryE.png',
            'https://i.imgur.com/So5S2rC.png',
            'https://i.imgur.com/YcZZRgJ.png',
            'https://i.imgur.com/WVkO2Wl.png',
            'https://i.imgur.com/BdKpGhg.jpeg',
            'https://i.imgur.com/Oa0wdn5.jpeg',
            'https://i.imgur.com/YQrEzT7.png',
            'https://i.imgur.com/1FX4x2b.jpeg',
            'https://i.imgur.com/KChWKFh.jpeg',
            'https://i.imgur.com/iOB8JQt.jpeg',
            'https://i.imgur.com/wnusFj5.png'
        ];
        let currentImageIndex = 0;

        function createParticle(x, y, size, speedX, speedY) {
            return { x, y, size, speedX, speedY };
        }

        function initParticles() {
            for (let i = 0; i < 200; i++) {
                particles.push(createParticle(
                    Math.random() * canvas.width,
                    Math.random() * canvas.height,
                    Math.random() * 3 + 1,
                    Math.random() * 0.5 - 0.25,
                    Math.random() * 2 + 1
                ));
            }
        }

        function drawParticles() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = 'white';

            particles.forEach(p => {
                ctx.beginPath();
                ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
                ctx.fill();
            });
        }

        function updateParticles() {
            particles.forEach(p => {
                p.x += p.speedX;
                p.y += p.speedY;

                if (p.y > canvas.height) p.y = 0;
                if (p.x > canvas.width) p.x = 0;
                if (p.x < 0) p.x = canvas.width;
            });
        }

        function changeBackground() {
            backgroundEl.classList.add('fade-out');
            
            setTimeout(() => {
                currentImageIndex = (currentImageIndex + 1) % backgroundImages.length;
                backgroundEl.style.backgroundImage = `url('${backgroundImages[currentImageIndex]}')`;
                backgroundEl.classList.remove('fade-out');
            }, 1000);
        }

        canvas.addEventListener('mousemove', (e) => {
            particles.forEach(p => {
                const dx = p.x - e.clientX;
                const dy = p.y - e.clientY;
                const distance = Math.sqrt(dx * dx + dy * dy);

                if (distance < 100) {
                    p.x += dx / 50;
                    p.y += dy / 50;
                }
            });
        });

        function animate() {
            drawParticles();
            updateParticles();
            requestAnimationFrame(animate);
        }

        // Initial background setup
        backgroundEl.style.backgroundImage = `url('${backgroundImages[currentImageIndex]}')`;

        // Change background every 10 seconds
        setInterval(changeBackground, 10000);

        initParticles();
        animate();

        window.addEventListener('resize', () => {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            particles.length = 0;
            initParticles();
        });

        // Функция для воспроизведения звука при наведении
        function playSound() {
            const audio = document.getElementById('hover-sound');
            audio.currentTime = 0; // Перезапуск звука
            audio.play();
        }

        // Установка громкости фоновой музыки
        const backgroundMusic = document.getElementById('background-music');
        backgroundMusic.volume = 0.05; // Установка громкости на 5%
    </script>
</body>
</html>
</antArtif