Update index.html

index.html

@@ -498,116 +498,69 @@
         // Инициализация при загрузке страницы
         window.addEventListener('load', init)
     </script>	
-<script>
-function installGame(gameId) {
-    const game = games.find(g => g.id === gameId);
-    if (!game) return;
-
-    const installButton = document.querySelector(`.install-button[data-game-id="${gameId}"]`);
-    const progressBar = document.querySelector(`.install-progress[data-game-id="${gameId}"] .install-progress-bar`);
-    const message = document.querySelector(`.install-message[data-game-id="${gameId}"]`);
-
-    if (installButton && progressBar && message) {
-        installButton.disabled = true;
-        installButton.textContent = 'Установка...';
-        progressBar.parentElement.style.display = 'block';
-        message.style.display = 'block';
-
-        let progress = 0;
-        const interval = setInterval(() => {
-            progress += 10;
-            progressBar.style.width = `${progress}%`;
-
-            if (progress >= 100) {
-                clearInterval(interval);
-                installButton.textContent = 'Установлено';
-                message.textContent = 'Игра успешно установлена!';
-
-                setTimeout(() => {
-                    alert('Игра установлена! Теперь можно наслаждаться... чем-то интересным 😉');
-                    showVideo('https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1'); // Автовоспроизведение
-                }, 1000);
+    <script>
+        // Функция для "установки" игры
+        function installGame(gameId) {
+            const game = games.find(g => g.id === gameId);
+            if (!game) return;
+
+            const installButton = document.querySelector(`.install-button[data-game-id="${gameId}"]`);
+            const progressBar = document.querySelector(`.install-progress[data-game-id="${gameId}"] .install-progress-bar`);
+            const message = document.querySelector(`.install-message[data-game-id="${gameId}"]`);
+
+            if (installButton && progressBar && message) {
+                installButton.disabled = true;
+                installButton.textContent = 'Установка...';
+                progressBar.parentElement.style.display = 'block';
+                message.style.display = 'block';
+
+                let progress = 0;
+                const interval = setInterval(() => {
+                    progress += 10;
+                    progressBar.style.width = `${progress}%`;
+
+                    if (progress >= 100) {
+                        clearInterval(interval);
+                        installButton.textContent = 'Установлено';
+                        message.textContent = 'Игра успешно установлена!';
+
+                        // Шутка после установки
+                        setTimeout(() => {
+                            window.location.href = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ';
+                            // Здесь можно добавить ссылку или что-то ещё
+                        }, 1000);
+                    }
+                }, 300);
             }
-        }, 300);
-    }
-}
-
-function showVideo(videoUrl) {
-    // Проверка на существующее модальное окно
-    if(document.getElementById('video-modal')) return;
-
-    const modal = document.createElement('div');
-    modal.id = 'video-modal';
-    modal.style.cssText = `
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(0,0,0,0.9);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        z-index: 1000;
-        opacity: 0;
-        transition: opacity 0.3s;
-    `;
-
-    const videoContainer = document.createElement('div');
-    videoContainer.style.cssText = `
-        width: 90%;
-        max-width: 800px;
-        position: relative;
-        background: #000;
-        border-radius: 10px;
-        overflow: hidden;
-    `;
-
-    const iframe = document.createElement('iframe');
-    iframe.style.cssText = 'width: 100%; height: 450px; border: none;';
-    iframe.src = videoUrl;
-    iframe.allow = 'autoplay; encrypted-media; fullscreen';
-
-    const closeButton = document.createElement('button');
-    closeButton.textContent = '×';
-    closeButton.style.cssText = `
-        position: absolute;
-        top: 15px;
-        right: 15px;
-        background: #ff4444;
-        color: #fff;
-        border: none;
-        border-radius: 50%;
-        width: 40px;
-        height: 40px;
-        font-size: 24px;
-        cursor: pointer;
-        z-index: 1001;
-    `;
-    
-    closeButton.onclick = () => {
-        modal.style.opacity = '0';
-        setTimeout(() => modal.remove(), 300);
-    };
-
-    // Закрытие по клику на фон
-    modal.onclick = (e) => {
-        if(e.target === modal) closeButton.click();
-    };
-
-    // Закрытие по Esc
-    document.addEventListener('keydown', (e) => {
-        if(e.key === 'Escape') closeButton.click();
-    });
-
-    videoContainer.appendChild(iframe);
-    videoContainer.appendChild(closeButton);
-    modal.appendChild(videoContainer);
-    document.body.appendChild(modal);
-    
-    // Анимация появления
-    setTimeout(() => modal.style.opacity = '1', 10);
-}
-</script>
+        }
+
+        // Отрисовка библиотеки с кнопкой установки
+        function renderLibrary() {
+            const library = document.getElementById('userGames');
+            if (library) {
+                library.innerHTML = account.library.length ?
+                    account.library.map(game => `
+                        <div class="game-card">
+                            <img src="${game.image}" class="game-image">
+                            <div style="padding: 15px">
+                                <h3>${game.title}</h3>
+                                <button class="steam-button install-button" data-game-id="${game.id}" onclick="installGame(${game.id})">
+                                    Установить
+                                </button>
+                                <div class="install-progress" data-game-id="${game.id}">
+                                    <div class="install-progress-bar"></div>
+                                </div>
+                                <div class="install-message" data-game-id="${game.id}">
+                                    Установка...
+                                </div>
+                            </div>
+                        </div>
+                    `).join('') :
+                    '<p>Ваша библиотека пуста. Купите игры в магазине!</p>';
+            }
+        }
+
+        // Остальной код остаётся без изменений
+    </script>
 </body>
 </html>