Update pages.html

pages.html

@@ -462,7 +462,7 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
   <style>
   /* Стили для контейнера иконки */
-  .button-cont {
+    .button-cont1 {
     position: fixed; /* Используем фиксированное позиционирование */
     bottom: 20px; /* Отступ от нижнего края браузера */
     left: 20px; /* Отступ от левого края браузера */
@@ -470,6 +470,15 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
     background-color: transparent; /* Прозрачный фон контейнера */
     z-index: 1000; /* Убедитесь, что контейнер находится поверх других элементов */
   }
+    
+  .button-cont2 {
+    position: fixed; /* Используем фиксированное позиционирование */
+    bottom: 20px; /* Отступ от нижнего края браузера */
+    left: 60px; /* Отступ от левого края браузера */
+    padding: 20px; /* Внутренние отступы вокруг иконки */
+    background-color: transparent; /* Прозрачный фон контейнера */
+    z-index: 1000; /* Убедитесь, что контейнер находится поверх других элементов */
+  }
 </style>
 
 
@@ -501,13 +510,17 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 <!-- Кнопка для показа/скрытия приложения -->
 <div class="button-container">
 
-<div class="button-con">
-
 
 
-<!-- icon666.com - MILLIONS vector ICONS FREE --><svg   id="vkontBtn" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 318.188 318.188" style="enable-background:new 0 0 318.188 318.188;" xml:space="preserve" width="36" height="36"><g><g><g><path d="M86.891,142.127l38,18.633c1.063,0.521,2.188,0.768,3.296,0.768c2.771,0,5.437-1.543,6.739-4.2 c1.824-3.719,0.287-8.212-3.432-10.036l-24.266-11.899l24.266-11.899c3.719-1.823,5.256-6.317,3.432-10.036 c-1.823-3.719-6.317-5.256-10.036-3.432l-38,18.633c-2.57,1.26-4.198,3.872-4.198,6.734S84.321,140.868,86.891,142.127z" fill="#000000" style="fill: rgb(247, 247, 247);"></path><polygon points="100.882,254.418 87.435,254.418 87.435,238.539 75.804,238.539 75.804,281.371 87.435,281.371 87.435,263.91 100.882,263.91 100.882,281.371 112.513,281.371 112.513,238.539 100.882,238.539 " fill="#000000" style="fill: rgb(247, 247, 247);"></polygon><path d="M185.593,123.495l24.266,11.899l-24.266,11.899c-3.719,1.823-5.256,6.317-3.432,10.036c1.303,2.657,3.967,4.2,6.739,4.2 c1.108,0,2.234-0.247,3.296-0.768l38-18.633c2.57-1.26,4.198-3.872,4.198-6.734s-1.628-5.474-4.198-6.734l-38-18.633 c-3.717-1.823-8.211-0.288-10.035,3.432C180.337,117.178,181.874,121.671,185.593,123.495z" fill="#000000" style="fill: rgb(247, 247, 247);"></path><path d="M181.8,268.949h-0.234l-8.936-30.41h-15.41v42.832h10.254v-18.604c0-2.91-0.205-6.992-0.615-12.246h0.264l8.76,30.85 h11.016l8.643-30.791h0.264c-0.234,4.648-0.366,7.569-0.395,8.76c-0.029,1.191-0.044,2.275-0.044,3.252v18.779h10.635v-42.832 H190.56L181.8,268.949z" fill="#000000" style="fill: rgb(247, 247, 247);"></path><polygon points="118.636,248.002 129.095,248.002 129.095,281.371 140.667,281.371 140.667,248.002 151.097,248.002 151.097,238.539 118.636,238.539 " fill="#000000" style="fill: rgb(247, 247, 247);"></polygon><polygon points="226.8,238.539 215.228,238.539 215.228,281.371 243.294,281.371 243.294,272.025 226.8,272.025 " fill="#000000" style="fill: rgb(247, 247, 247);"></polygon><path d="M283.149,52.722L232.624,2.197C231.218,0.79,229.311,0,227.321,0H40.342c-4.142,0-7.5,3.358-7.5,7.5v303.188 c0,4.142,3.358,7.5,7.5,7.5h237.504c4.142,0,7.5-3.358,7.5-7.5V58.025C285.346,56.036,284.556,54.129,283.149,52.722z M234.821,25.606l24.918,24.919h-24.918V25.606z M47.842,15h171.979v10.263H47.842V15z M47.842,303.188V40.263h171.979v17.763 c0,4.142,3.358,7.5,7.5,7.5h43.024v237.662H47.842z" fill="#000000" style="fill: rgb(247, 247, 247);"></path><path d="M175.08,91.976c-3.894-1.41-8.195,0.6-9.607,4.494l-26.374,72.734c-1.412,3.894,0.6,8.195,4.494,9.607 c0.844,0.306,1.707,0.451,2.556,0.451c3.067,0,5.945-1.896,7.051-4.945l26.374-72.734 C180.986,97.689,178.974,93.388,175.08,91.976z" fill="#000000" style="fill: rgb(247, 247, 247);"></path></g></g></g></svg>
 
+<div class="button-con1">
+ <svg  id="toggleAppBtn" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" width="36" height="36">
+    <path clip-rule="evenodd" d="m252.326 430.455v25.516c0 20.462-10.198 38.127-27.919 48.357-8.526 4.922-18.042 7.668-27.908 7.673-9.875.005-19.388-2.746-27.92-7.673l-113.456-65.504c-17.723-10.232-27.919-27.892-27.919-48.357v-334.629c0-30.791 25.048-55.838 55.838-55.838h249.871c30.792 0 55.842 25.045 55.842 55.838v70.539c0 10.119-8.216 18.335-18.335 18.335-10.122 0-18.331-8.215-18.331-18.335v-70.539c0-10.573-8.603-19.176-19.176-19.176h-218.952l110.446 63.777c17.715 10.23 27.919 27.89 27.919 48.347v245.003h80.587c10.572 0 19.176-8.598 19.176-19.172v-61.836c0-10.126 8.204-18.335 18.331-18.335 10.123 0 18.335 8.211 18.335 18.335v61.836c0 30.793-25.05 55.838-55.842 55.838zm169.883-196.897-20.191 20.191c-7.159 7.159-7.157 18.765 0 25.925 3.446 3.448 8.09 5.364 12.963 5.364 4.878 0 9.517-1.911 12.968-5.364l51.479-51.488c7.157-7.158 7.158-18.758 0-25.916l-51.479-51.48c-7.16-7.16-18.767-7.157-25.93-.001-7.157 7.152-7.155 18.763 0 25.917l20.19 20.186h-135.26c-10.129 0-18.331 8.208-18.331 18.336s8.203 18.331 18.331 18.331h135.26z" fill-rule="evenodd" fill="#000000" style="fill: rgb(252, 252, 252);"></path>
+  </svg>
+</div>
   
+<div class="button-con2">
+<!-- icon666.com - MILLIONS vector ICONS FREE --><svg   id="vkontBtn" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 318.188 318.188" style="enable-background:new 0 0 318.188 318.188;" xml:space="preserve" width="36" height="36"><g><g><g><path d="M86.891,142.127l38,18.633c1.063,0.521,2.188,0.768,3.296,0.768c2.771,0,5.437-1.543,6.739-4.2 c1.824-3.719,0.287-8.212-3.432-10.036l-24.266-11.899l24.266-11.899c3.719-1.823,5.256-6.317,3.432-10.036 c-1.823-3.719-6.317-5.256-10.036-3.432l-38,18.633c-2.57,1.26-4.198,3.872-4.198,6.734S84.321,140.868,86.891,142.127z" fill="#000000" style="fill: rgb(247, 247, 247);"></path><polygon points="100.882,254.418 87.435,254.418 87.435,238.539 75.804,238.539 75.804,281.371 87.435,281.371 87.435,263.91 100.882,263.91 100.882,281.371 112.513,281.371 112.513,238.539 100.882,238.539 " fill="#000000" style="fill: rgb(247, 247, 247);"></polygon><path d="M185.593,123.495l24.266,11.899l-24.266,11.899c-3.719,1.823-5.256,6.317-3.432,10.036c1.303,2.657,3.967,4.2,6.739,4.2 c1.108,0,2.234-0.247,3.296-0.768l38-18.633c2.57-1.26,4.198-3.872,4.198-6.734s-1.628-5.474-4.198-6.734l-38-18.633 c-3.717-1.823-8.211-0.288-10.035,3.432C180.337,117.178,181.874,121.671,185.593,123.495z" fill="#000000" style="fill: rgb(247, 247, 247);"></path><path d="M181.8,268.949h-0.234l-8.936-30.41h-15.41v42.832h10.254v-18.604c0-2.91-0.205-6.992-0.615-12.246h0.264l8.76,30.85 h11.016l8.643-30.791h0.264c-0.234,4.648-0.366,7.569-0.395,8.76c-0.029,1.191-0.044,2.275-0.044,3.252v18.779h10.635v-42.832 H190.56L181.8,268.949z" fill="#000000" style="fill: rgb(247, 247, 247);"></path><polygon points="118.636,248.002 129.095,248.002 129.095,281.371 140.667,281.371 140.667,248.002 151.097,248.002 151.097,238.539 118.636,238.539 " fill="#000000" style="fill: rgb(247, 247, 247);"></polygon><polygon points="226.8,238.539 215.228,238.539 215.228,281.371 243.294,281.371 243.294,272.025 226.8,272.025 " fill="#000000" style="fill: rgb(247, 247, 247);"></polygon><path d="M283.149,52.722L232.624,2.197C231.218,0.79,229.311,0,227.321,0H40.342c-4.142,0-7.5,3.358-7.5,7.5v303.188 c0,4.142,3.358,7.5,7.5,7.5h237.504c4.142,0,7.5-3.358,7.5-7.5V58.025C285.346,56.036,284.556,54.129,283.149,52.722z M234.821,25.606l24.918,24.919h-24.918V25.606z M47.842,15h171.979v10.263H47.842V15z M47.842,303.188V40.263h171.979v17.763 c0,4.142,3.358,7.5,7.5,7.5h43.024v237.662H47.842z" fill="#000000" style="fill: rgb(247, 247, 247);"></path><path d="M175.08,91.976c-3.894-1.41-8.195,0.6-9.607,4.494l-26.374,72.734c-1.412,3.894,0.6,8.195,4.494,9.607 c0.844,0.306,1.707,0.451,2.556,0.451c3.067,0,5.945-1.896,7.051-4.945l26.374-72.734 C180.986,97.689,178.974,93.388,175.08,91.976z" fill="#000000" style="fill: rgb(247, 247, 247);"></path></g></g></g></svg>
 </div>