Update pages.html

pages.html

@@ -432,94 +432,27 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
   
   <!-- Кнопка для проверки работы -->
   <button id="testBtn" style="position: absolute; top: 70px; right: 32px;">Тестовая кнопка</button>
-  <div id="gjs" style="height: 90vh;"></div>
-  <!-- The Modal -->
-  <div id="myModal_1" class="modal_1">
-    <!-- Модальное содержание -->
-    <div class="modal-content_1">
-      <div class="modal-header_1">
-        <span class="close_1">&times;</span>
-        <h2>HTMLешка</h2>
-      </div>
-      <div class="modal-body_1">
-        <p>Некоторый текст в модальном теле</p>
 
 
-    <div id="progressBarContainer">
-        <div id="progressBar">0%</div>
-    </div>
-    <div id="imageUrl" onclick="copyToClipboard(this)">Кликните после загрузки, для получения ссылки на страницу.</div>
-    <form id="uploadForm" enctype="multipart/form-data" method="post" action="/up_page">
-        <input type="file" name="file" accept=".html">
-        <input type="text" name="filename" placeholder="имя файла(маршрут)">
-        <button type="submit">Загрузить</button>
-    </form>
 
-        
-      <br><br><br>
-      </div>
-      <div class="modal-footer_1">
-        <h3>Добавление HTML файла с пользовательским маршрутом.</h3>
-      </div>
-    </div>
-  </div>
 
 
 
 
-<!-- The Modal_2 -->
-<div id="myModal_2" class="modal_2">
-  <!-- Модальное содержание -->
-  <div class="modal-content_2">
-    <div class="modal-header_2">
-      <span class="close_2">&times;</span>
-      <h2>HTMLешка</h2>
-    </div>
-    <div class="modal-body_2">
-          <style>
-        /* Общие стили для всех iframe */
-        iframe {
-            width: 100%; /* Ширина на 100% от родительского элемента */
-            height: 500px; /* Фиксированная высота */
-            border: none; /* Убираем границы */
-        }
 
-        /* Индивидуальные стили для каждого iframe, если необходимо */
-        #iframe1 {
-            /* Дополнительные стили для первого iframe */
-        }
 
-       
-       </style>
 
-           <iframe id="iframe1" src="https://diamonik7777-up-fail.hf.space/up_fa" title="Iframe Example"></iframe>
-     
 
 
 
-      <br><br><br>
-    </div>
-    <div class="modal-footer_2">
-      <h3>Добавление HTML файла с пользовательским маршрутом.</h3>
-    </div>
-  </div>
-</div>
 
 
 
 
 
 
-<!-- The Modal_3 -->
-<div id="myModal_3" class="modal_3">
-  <!-- Модальное содержание -->
-  <div class="modal-content_3">
-    <div class="modal-header_3">
-      <span class="close_3">&times;</span>
-      <h2>HTMLешка</h2>
-    </div>
-    <div class="modal-body_3">
-        <style>
+
+ <style>
 
     .input-row {
       display: flex;
@@ -622,6 +555,120 @@ document.getElementById('saveToClipboard').addEventListener('click', function()
 });
     
   </script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+  <div id="gjs" style="height: 90vh;"></div>
+  <!-- The Modal -->
+  <div id="myModal_1" class="modal_1">
+    <!-- Модальное содержание -->
+    <div class="modal-content_1">
+      <div class="modal-header_1">
+        <span class="close_1">&times;</span>
+        <h2>HTMLешка</h2>
+      </div>
+      <div class="modal-body_1">
+        <p>Некоторый текст в модальном теле</p>
+
+
+    <div id="progressBarContainer">
+        <div id="progressBar">0%</div>
+    </div>
+    <div id="imageUrl" onclick="copyToClipboard(this)">Кликните после загрузки, для получения ссылки на страницу.</div>
+    <form id="uploadForm" enctype="multipart/form-data" method="post" action="/up_page">
+        <input type="file" name="file" accept=".html">
+        <input type="text" name="filename" placeholder="имя файла(маршрут)">
+        <button type="submit">Загрузить</button>
+    </form>
+
+        
+      <br><br><br>
+      </div>
+      <div class="modal-footer_1">
+        <h3>Добавление HTML файла с пользовательским маршрутом.</h3>
+      </div>
+    </div>
+  </div>
+
+
+
+
+<!-- The Modal_2 -->
+<div id="myModal_2" class="modal_2">
+  <!-- Модальное содержание -->
+  <div class="modal-content_2">
+    <div class="modal-header_2">
+      <span class="close_2">&times;</span>
+      <h2>HTMLешка</h2>
+    </div>
+    <div class="modal-body_2">
+          <style>
+        /* Общие стили для всех iframe */
+        iframe {
+            width: 100%; /* Ширина на 100% от родительского элемента */
+            height: 500px; /* Фиксир��ванная высота */
+            border: none; /* Убираем границы */
+        }
+
+        /* Индивидуальные стили для каждого iframe, если необходимо */
+        #iframe1 {
+            /* Дополнительные стили для первого iframe */
+        }
+
+       
+       </style>
+
+           <iframe id="iframe1" src="https://diamonik7777-up-fail.hf.space/up_fa" title="Iframe Example"></iframe>
+     
+
+
+
+      <br><br><br>
+    </div>
+    <div class="modal-footer_2">
+      <h3>Добавление HTML файла с пользовательским маршрутом.</h3>
+    </div>
+  </div>
+</div>
+
+
+
+
+
+
+<!-- The Modal_3 -->
+<div id="myModal_3" class="modal_3">
+  <!-- Модальное содержание -->
+  <div class="modal-content_3">
+    <div class="modal-header_3">
+      <span class="close_3">&times;</span>
+      <h2>HTMLешка</h2>
+    </div>
+    <div class="modal-body_3">
+       
       <br><br><br>
     </div>
     <div class="modal-footer_3">