Spaces:
Running
Running
| <html lang="en"> | |
| <head><meta charset="UTF-8"><title>Dashboard</title></head> | |
| <body style="font-family:sans-serif; background:#0f172a; color:#e2e8f0"> | |
| <aside style="background:#1e293b"> | |
| <div style="font-size:18px; font-weight:700; color:#fff; border-bottom:1px solid #334155">⚡ Pulsar</div> | |
| <nav style=""> | |
| <a style="gap:10px; font-size:13px; color:#fff; background:#334155; text-decoration:none">📊 Overview</a> | |
| <a style="gap:10px; font-size:13px; color:#94a3b8; text-decoration:none">🚀 Deployments</a> | |
| <a style="gap:10px; font-size:13px; color:#94a3b8; text-decoration:none">📁 Projects</a> | |
| <a style="gap:10px; font-size:13px; color:#94a3b8; text-decoration:none">👥 Team</a> | |
| <a style="gap:10px; font-size:13px; color:#94a3b8; text-decoration:none">⚙️ Settings</a> | |
| </nav> | |
| </aside> | |
| <main style=""> | |
| <div style=""> | |
| <h1 style="font-size:22px">Overview</h1> | |
| <button style="background:#4f46e5; color:#fff; border:none; font-size:13px; cursor:pointer">+ New Project</button> | |
| </div> | |
| <div style="gap:16px"> | |
| <div style="background:#1e293b"><p style="font-size:12px; color:#94a3b8">DEPLOYMENTS</p><p style="font-size:28px; font-weight:700">1,284</p><p style="font-size:12px; color:#34d399">↑ 12% this week</p></div> | |
| <div style="background:#1e293b"><p style="font-size:12px; color:#94a3b8">SUCCESS RATE</p><p style="font-size:28px; font-weight:700">99.2%</p><p style="font-size:12px; color:#34d399">↑ 0.3% this week</p></div> | |
| <div style="background:#1e293b"><p style="font-size:12px; color:#94a3b8">AVG BUILD TIME</p><p style="font-size:28px; font-weight:700">28s</p><p style="font-size:12px; color:#fb923c">↓ 3s slower</p></div> | |
| <div style="background:#1e293b"><p style="font-size:12px; color:#94a3b8">ACTIVE PROJECTS</p><p style="font-size:28px; font-weight:700">47</p><p style="font-size:12px; color:#34d399">↑ 3 new</p></div> | |
| </div> | |
| <div style="background:#1e293b"> | |
| <h2 style="font-size:16px">Recent Deployments</h2> | |
| <table style="border-collapse:collapse; font-size:13px"> | |
| <thead><tr style="color:#64748b; border-bottom:1px solid #334155"><th style="text-align:left">Project</th><th style="text-align:left">Branch</th><th style="text-align:left">Status</th><th style="text-align:left">Time</th></tr></thead> | |
| <tbody> | |
| <tr style="border-bottom:1px solid #1e293b"><td style="color:#e2e8f0">api-service</td><td style="color:#94a3b8">main</td><td style=""><span style="background:#dcfce7; color:#16a34a; font-size:11px">✓ Success</span></td><td style="color:#94a3b8">2 min ago</td></tr> | |
| <tr style="border-bottom:1px solid #1e293b"><td style="color:#e2e8f0">web-frontend</td><td style="color:#94a3b8">feat/auth</td><td style=""><span style="background:#fef3c7; color:#d97706; font-size:11px">⟳ Building</span></td><td style="color:#94a3b8">5 min ago</td></tr> | |
| <tr><td style="color:#e2e8f0">ml-pipeline</td><td style="color:#94a3b8">main</td><td style=""><span style="background:#fee2e2; color:#dc2626; font-size:11px">✗ Failed</span></td><td style="color:#94a3b8">18 min ago</td></tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </main> | |
| </body> | |
| </html> | |