feat: add support footer

README.md

@@ -2,6 +2,8 @@
 
 Отдельный проект PCAtelegram_web: MTProxy на базе `telemt`, Telegram-бот, локальная web-admin панель, статистика, backup/restore, шаблоны сайта.
 
+> Поддержать проект: [Boosty](https://boosty.to/andrey27/donate) · [Ozon Bank](https://finance.ozon.ru/apps/sbp/ozonbankpay/019dc200-2a5d-7931-a619-782d285f6798) · [Telegram](https://t.me/PCAdministration) · [GitHub](https://github.com/andrey271192/PCAtelegram_web)
+
 ## Установка
 
 На сервере под `root`:
@@ -53,7 +55,14 @@ ssh root@SERVER 'chmod +x /opt/pcatelegram_web/install.sh /opt/pcatelegram_web/i
 | `PCATELEGRAM_WEB_ADMIN_HOST` | `0.0.0.0` | bind web-admin |
 | `PCATELEGRAM_WEB_ADMIN_PORT` | `1984` | port web-admin |
 | `PCATELEGRAM_WEB_ADMIN_USER` | `admin` | Basic Auth login |
-| `PCATELEGRAM_WEB_ADMIN_PASSWORD` | автогенерация | Basic Auth password |
+| `PCATELEGRAM_WEB_ADMIN_PASSWORD` | `admin` | web-admin password |
+
+## Поддержка
+
+- **GitHub:** [andrey271192/PCAtelegram_web](https://github.com/andrey271192/PCAtelegram_web)
+- **Boosty:** [boosty.to/andrey27/donate](https://boosty.to/andrey27/donate)
+- **Ozon Bank:** [ссылка](https://finance.ozon.ru/apps/sbp/ozonbankpay/019dc200-2a5d-7931-a619-782d285f6798)
+- **Telegram:** [PCAdministration](https://t.me/PCAdministration)
 
 ## Web-admin
 
@@ -63,7 +72,7 @@ ssh root@SERVER 'chmod +x /opt/pcatelegram_web/install.sh /opt/pcatelegram_web/i
 http://SERVER:1984/
 ```
 
-Логин по умолчанию: `admin`. Пароль генерируется при установке и хранится на сервере:
+Логин и пароль по умолчанию: `admin` / `admin`. Данные можно сменить в web-admin Settings. Текущие данные хранятся на сервере:
 
 ```bash
 sudo cat /root/pcatelegram_web-admin.password

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;
   }