Update index.html

index.html

@@ -4,8 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Qwen2.5 Coder Demo</title>
+    <link href="https://fonts.googleapis.com/css2?family=Courier+New:wght@400;700&display=swap" rel="stylesheet"> <!-- Подключаем шрифт -->
     <style>
-        /* Общие стили для страницы */
+        /* Общие стили */
         body {
             margin: 0;
             font-family: 'Courier New', Courier, monospace;
@@ -38,9 +39,10 @@
             background: linear-gradient(45deg, #111, #333);
             border-top: 1px solid #00ff00;
             padding: 1rem;
+            position: relative;
         }
 
-        /* Ифрейм для контента */
+        /* Ифрейм */
         .space-iframe {
             width: 100%;
             height: 100%;
@@ -54,9 +56,9 @@
             transform: scale(1.02);
         }
 
-        /* Спиннер, который показывается при загрузке */
+        /* Спиннер */
         .spinner-overlay {
-            position: fixed;
+            position: absolute;
             top: 0;
             left: 0;
             width: 100%;
@@ -78,7 +80,7 @@
             pointer-events: auto;
         }
 
-        /* Крутой хакерский стиль для текста */
+        /* Хакерский стиль текста */
         .hacker-text {
             font-size: 2rem;
             text-align: center;
@@ -88,13 +90,12 @@
             margin-bottom: 1rem;
         }
 
-        /* Анимация мигающего текста */
         @keyframes text-blink {
             0% { opacity: 0.7; }
             100% { opacity: 1; }
         }
 
-        /* Адаптивность на экранах до 768px */
+        /* Адаптивность */
         @media (max-width: 768px) {
             header {
                 font-size: 1.2rem;
@@ -105,7 +106,6 @@
             }
         }
 
-        /* Адаптивность на экранах до 480px */
         @media (max-width: 480px) {
             header {
                 font-size: 1rem;
@@ -130,18 +130,19 @@
         </div>
     </main>
 
-    <script async>
+    <script>
         window.onload = function() {
-            var spinner = document.querySelector('.spinner-overlay');
-            var iframe = document.querySelector('.space-iframe');
+            const spinner = document.querySelector('.spinner-overlay');
+            const iframe = document.querySelector('.space-iframe');
 
             iframe.onload = function() {
                 spinner.classList.remove('visible');
             }
 
-            setTimeout(function() {
+            // Показываем спиннер сразу после загрузки страницы
+            setTimeout(() => {
                 spinner.classList.add('visible');
-            }, 500); // Показываем спиннер сразу после загрузки страницы
+            }, 500);
         }
     </script>
 </body>