Spaces:
Running
Running
Update index.html
Browse files- index.html +5 -8
index.html
CHANGED
@@ -1,6 +1,5 @@
|
|
1 |
-
#### Конечный:
|
2 |
<!DOCTYPE html>
|
3 |
-
<html lang="
|
4 |
<head>
|
5 |
<meta charset="UTF-8">
|
6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
@@ -45,7 +44,6 @@
|
|
45 |
.space-iframe {
|
46 |
width: 100%;
|
47 |
height: 100%;
|
48 |
-
max-height: calc(100vh - 80px); /* Используем max-height для ограничения */
|
49 |
border: 2px solid #00ff00;
|
50 |
box-shadow: 0 0 15px rgba(0, 255, 0, 0.8);
|
51 |
transition: transform 0.3s ease;
|
@@ -88,7 +86,6 @@
|
|
88 |
text-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
|
89 |
animation: text-blink 1s infinite alternate;
|
90 |
margin-bottom: 1rem;
|
91 |
-
word-break: break-word; /* Добавляем перенос слов */
|
92 |
}
|
93 |
|
94 |
/* Анимация мигающего текста */
|
@@ -104,7 +101,7 @@
|
|
104 |
}
|
105 |
|
106 |
.space-iframe {
|
107 |
-
|
108 |
}
|
109 |
}
|
110 |
|
@@ -133,7 +130,7 @@
|
|
133 |
</div>
|
134 |
</main>
|
135 |
|
136 |
-
<script>
|
137 |
window.onload = function() {
|
138 |
var spinner = document.querySelector('.spinner-overlay');
|
139 |
var iframe = document.querySelector('.space-iframe');
|
@@ -144,8 +141,8 @@
|
|
144 |
|
145 |
setTimeout(function() {
|
146 |
spinner.classList.add('visible');
|
147 |
-
},
|
148 |
}
|
149 |
</script>
|
150 |
</body>
|
151 |
-
</html>
|
|
|
|
|
1 |
<!DOCTYPE html>
|
2 |
+
<html lang="ru">
|
3 |
<head>
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
44 |
.space-iframe {
|
45 |
width: 100%;
|
46 |
height: 100%;
|
|
|
47 |
border: 2px solid #00ff00;
|
48 |
box-shadow: 0 0 15px rgba(0, 255, 0, 0.8);
|
49 |
transition: transform 0.3s ease;
|
|
|
86 |
text-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
|
87 |
animation: text-blink 1s infinite alternate;
|
88 |
margin-bottom: 1rem;
|
|
|
89 |
}
|
90 |
|
91 |
/* Анимация мигающего текста */
|
|
|
101 |
}
|
102 |
|
103 |
.space-iframe {
|
104 |
+
height: calc(100vh - 80px); /* Уменьшаем высоту на размер шапки */
|
105 |
}
|
106 |
}
|
107 |
|
|
|
130 |
</div>
|
131 |
</main>
|
132 |
|
133 |
+
<script async>
|
134 |
window.onload = function() {
|
135 |
var spinner = document.querySelector('.spinner-overlay');
|
136 |
var iframe = document.querySelector('.space-iframe');
|
|
|
141 |
|
142 |
setTimeout(function() {
|
143 |
spinner.classList.add('visible');
|
144 |
+
}, 500); // Показываем спиннер сразу после загрузки страницы
|
145 |
}
|
146 |
</script>
|
147 |
</body>
|
148 |
+
</html>
|