Update v0.952

templates/home.html

@@ -658,6 +658,45 @@
     display: flex;
     justify-content: flex-end;
   }
+  .home-support-widget {
+    position: fixed;
+    right: 16px;
+    bottom: 16px;
+    z-index: 1510;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: 8px;
+  }
+  .home-support-widget__text {
+    max-width: min(280px, calc(100vw - 32px));
+    padding: 8px 12px;
+    border: 1px solid #000;
+    background: #fff;
+    color: #111;
+    font-family: 'Chicago Regular', sans-serif;
+    font-size: 0.85rem;
+    line-height: 1.3;
+    box-shadow: 1px 1px 0 #000, 2px 2px 0 #777;
+  }
+  .home-support-widget__text.hidden {
+    display: none;
+  }
+  .home-support-widget__button {
+    min-width: 110px;
+    border: 1px solid #000;
+    background: #d9d9d9;
+    color: #000;
+    padding: 6px 14px;
+    font-family: 'Chicago Regular', sans-serif;
+    font-size: 0.85rem;
+    line-height: 1.2;
+    box-shadow: inset 1px 1px 0 #f7f7f7, inset -1px -1px 0 #8a8a8a;
+  }
+  .home-support-widget__button:active,
+  .home-support-widget__button[aria-pressed="true"] {
+    box-shadow: inset -1px -1px 0 #f7f7f7, inset 1px 1px 0 #8a8a8a;
+  }
   @keyframes home-rustdesk-spin {
     to { transform: rotate(360deg); }
   }
@@ -1001,6 +1040,10 @@
     <button class="home-modal__btn-primary" type="button" id="rustdeskCancelBtn">Отмена</button>
   </div>
 </div>
+<div class="home-support-widget">
+  <div class="home-support-widget__text hidden" id="homeSupportText">При поддержке Софьи Поповой))</div>
+  <button class="home-support-widget__button" id="homeSupportBtn" type="button" aria-controls="homeSupportText" aria-expanded="false" aria-pressed="false">кнопка</button>
+</div>
 
 <div class="home-modal hidden" id="homeProjectorsModal" role="dialog" aria-label="Проекторы">
   <div class="home-modal__titlebar">
@@ -1925,8 +1968,17 @@
     const rustdeskConnectingBox = document.getElementById('rustdeskConnectingBox');
     const rustdeskConnectingText = document.getElementById('rustdeskConnectingText');
     const rustdeskCancelBtn = document.getElementById('rustdeskCancelBtn');
+    const supportBtn = document.getElementById('homeSupportBtn');
+    const supportText = document.getElementById('homeSupportText');
     const rustdeskIconButtons = computersModal ? computersModal.querySelectorAll('.js-open-rustdesk') : [];
     const manageIconRenameForms = computersModal ? computersModal.querySelectorAll('.js-manage-icon-rename-form') : [];
+    if (supportBtn && supportText) {
+      supportBtn.addEventListener('click', () => {
+        const isVisible = supportText.classList.toggle('hidden') === false;
+        supportBtn.setAttribute('aria-expanded', String(isVisible));
+        supportBtn.setAttribute('aria-pressed', String(isVisible));
+      });
+    }
     const rustdeskConnectTemplate = {{ ('rustdesk://{id}?password={password}')|tojson }};
     const projectorsBtn = document.getElementById('homeProjectBtn');
     const projectorsModal = document.getElementById('homeProjectorsModal');