update logos

monitor.html

@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ASF Infrastructure Monitor</title>
-    <link rel="icon" type="image/png" href="/static/app logo.png">
+    <link rel="icon" type="image/png" href="/static/mian logo.jpg">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap" rel="stylesheet">
@@ -41,12 +41,16 @@
             text-align: center;
             margin-bottom: 50px;
             animation: fadeInDown 0.8s ease-out;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
         }
 
         .header-logo {
-            height: 80px;
-            margin-bottom: 15px;
-            filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.3));
+            height: 100px;
+            margin-bottom: 20px;
+            border-radius: 12px;
+            box-shadow: 0 0 20px rgba(56, 189, 248, 0.2);
         }
 
         h1 {
@@ -66,6 +70,7 @@
         header p {
             color: var(--text-dim);
             font-size: 1.1rem;
+            margin-top: 0;
         }
 
         .dashboard-grid {
@@ -265,16 +270,8 @@
             margin-top: 50px;
             padding: 20px;
             border-top: 1px solid var(--glass-border);
-        }
-
-        .footer-logo {
-            height: 60px;
-            opacity: 0.8;
-            transition: opacity 0.3s ease;
-        }
-
-        .footer-logo:hover {
-            opacity: 1;
+            color: var(--text-dim);
+            font-size: 0.9rem;
         }
 
         @keyframes fadeInDown {
@@ -332,7 +329,7 @@
     </div>
 
     <header>
-        <img src="/static/app image.png" alt="ASF Logo" class="header-logo">
+        <img src="/static/mian logo.jpg" alt="Company Logo" class="header-logo">
         <h1>ASF Infrastructure Monitor</h1>
         <p>Real-time system health and service availability</p>
     </header>
@@ -437,7 +434,7 @@
     </div>
 
     <footer>
-        <img src="/static/Nabd.png" alt="Nabd Logo" class="footer-logo">
+        <p>&copy; 2026 ASF Infrastructure Monitor. All rights reserved.</p>
     </footer>
 
     <script>
@@ -548,9 +545,9 @@
 
         function getServiceLogo(name) {
             const logos = {
-                'Gitea': 'https://gitea.io/images/gitea.png',
+                'Gitea': '/static/gittea.png',
                 'OpenProject': '/static/openproject_files/openproject-logo-centered-blue-background-d7fcb3fb.png',
-                'Draw.io': 'https://app.diagrams.net/images/logo-flat.svg',
+                'Draw.io': '/static/drawio.webp',
                 'TestArena': '/static/testarena.png',
                 'TBM': '/static/tbm.ico',
                 'Board': 'https://excalidraw.com/favicon-32x32.png',