feat: add support footer

admin-web/static/index.html

@@ -372,6 +372,21 @@
           </div>
         </section>
       </main>
+      <footer class="support-footer" aria-label="Project support">
+        <div>
+          <strong>PCAtelegram_web Admin</strong>
+          <span>— web-admin panel ©</span>
+          <a href="https://github.com/andrey271192/PCAtelegram_web" target="_blank" rel="noopener">andrey271192</a>
+        </div>
+        <div>
+          <span>Поддержать проект:</span>
+          <a href="https://boosty.to/andrey27/donate" target="_blank" rel="noopener">💖 Boosty</a>
+          <span>·</span>
+          <a href="https://finance.ozon.ru/apps/sbp/ozonbankpay/019dc200-2a5d-7931-a619-782d285f6798" target="_blank" rel="noopener">💳 Ozon Bank</a>
+          <span>·</span>
+          <a href="https://t.me/PCAdministration" target="_blank" rel="noopener">✉️ Telegram</a>
+        </div>
+      </footer>
     </div>
   </div>
 
@@ -388,6 +403,6 @@
       <button id="qrCopyBtn" type="button" class="soft" data-i18n="copyLink">Copy link</button>
     </div>
   </div>
-  <script src="/app.js?v=2.5.0-admin19" type="module"></script>
+  <script src="/app.js?v=2.5.0-admin20" type="module"></script>
 </body>
 </html>

admin-web/static/styles.css

@@ -320,6 +320,30 @@ h2 {
   padding: 28px;
 }
 
+.support-footer {
+  width: min(1480px, 100%);
+  padding: 0 28px 24px;
+  color: var(--muted);
+  font-size: 13px;
+  line-height: 1.7;
+}
+
+.support-footer strong {
+  color: var(--blue);
+  font-weight: 900;
+}
+
+.support-footer a {
+  color: var(--violet);
+  font-weight: 800;
+  text-decoration: none;
+}
+
+.support-footer a:hover {
+  color: var(--blue);
+  text-decoration: underline;
+}
+
 .page-panel {
   display: none;
 }
@@ -1526,6 +1550,10 @@ td small {
     padding: 16px;
   }
 
+  .support-footer {
+    padding: 0 16px 20px;
+  }
+
   .panel {
     padding: 14px;
   }