Spaces:
Running
Running
| <html lang="en"> | |
| <head><meta charset="UTF-8"><title>Dashboard</title></head> | |
| <body style="margin:0;font-family:sans-serif;background:#0f172a;color:#e2e8f0;display:flex;min-height:100vh;"> | |
| <aside style="width:200px;background:#1e293b;padding:24px 0;flex-shrink:0;"> | |
| <div style="padding:0 20px 24px;font-size:18px;font-weight:700;color:#fff;border-bottom:1px solid #334155;">β‘ Pulsar</div> | |
| <nav style="padding:16px 0;"> | |
| <a style="display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#fff;background:#334155;text-decoration:none;margin-bottom:2px;">π Overview</a> | |
| <a style="display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#94a3b8;text-decoration:none;margin-bottom:2px;">π Deployments</a> | |
| <a style="display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#94a3b8;text-decoration:none;margin-bottom:2px;">π Projects</a> | |
| <a style="display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#94a3b8;text-decoration:none;margin-bottom:2px;">π₯ Team</a> | |
| <a style="display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#94a3b8;text-decoration:none;">βοΈ Settings</a> | |
| </nav> | |
| </aside> | |
| <main style="flex:1;padding:32px;"> | |
| <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;"> | |
| <h1 style="margin:0;font-size:22px;">Overview</h1> | |
| <button style="padding:9px 18px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;">+ New Project</button> | |
| </div> | |
| <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;"> | |
| <div style="background:#1e293b;border-radius:10px;padding:20px;"><p style="margin:0 0 8px;font-size:12px;color:#94a3b8;">DEPLOYMENTS</p><p style="margin:0;font-size:28px;font-weight:700;">1,284</p><p style="margin:4px 0 0;font-size:12px;color:#34d399;">β 12% this week</p></div> | |
| <div style="background:#1e293b;border-radius:10px;padding:20px;"><p style="margin:0 0 8px;font-size:12px;color:#94a3b8;">SUCCESS RATE</p><p style="margin:0;font-size:28px;font-weight:700;">99.2%</p><p style="margin:4px 0 0;font-size:12px;color:#34d399;">β 0.3% this week</p></div> | |
| <div style="background:#1e293b;border-radius:10px;padding:20px;"><p style="margin:0 0 8px;font-size:12px;color:#94a3b8;">AVG BUILD TIME</p><p style="margin:0;font-size:28px;font-weight:700;">28s</p><p style="margin:4px 0 0;font-size:12px;color:#fb923c;">β 3s slower</p></div> | |
| <div style="background:#1e293b;border-radius:10px;padding:20px;"><p style="margin:0 0 8px;font-size:12px;color:#94a3b8;">ACTIVE PROJECTS</p><p style="margin:0;font-size:28px;font-weight:700;">47</p><p style="margin:4px 0 0;font-size:12px;color:#34d399;">β 3 new</p></div> | |
| </div> | |
| <div style="background:#1e293b;border-radius:10px;padding:24px;"> | |
| <h2 style="margin:0 0 20px;font-size:16px;">Recent Deployments</h2> | |
| <table style="width:100%;border-collapse:collapse;font-size:13px;"> | |
| <thead><tr style="color:#64748b;border-bottom:1px solid #334155;"><th style="text-align:left;padding:8px 0;">Project</th><th style="text-align:left;padding:8px 0;">Branch</th><th style="text-align:left;padding:8px 0;">Status</th><th style="text-align:left;padding:8px 0;">Time</th></tr></thead> | |
| <tbody> | |
| <tr style="border-bottom:1px solid #1e293b;"><td style="padding:12px 0;color:#e2e8f0;">api-service</td><td style="padding:12px 0;color:#94a3b8;">main</td><td style="padding:12px 0;"><span style="background:#dcfce7;color:#16a34a;padding:3px 10px;border-radius:20px;font-size:11px;">β Success</span></td><td style="padding:12px 0;color:#94a3b8;">2 min ago</td></tr> | |
| <tr style="border-bottom:1px solid #1e293b;"><td style="padding:12px 0;color:#e2e8f0;">web-frontend</td><td style="padding:12px 0;color:#94a3b8;">feat/auth</td><td style="padding:12px 0;"><span style="background:#fef3c7;color:#d97706;padding:3px 10px;border-radius:20px;font-size:11px;">β³ Building</span></td><td style="padding:12px 0;color:#94a3b8;">5 min ago</td></tr> | |
| <tr><td style="padding:12px 0;color:#e2e8f0;">ml-pipeline</td><td style="padding:12px 0;color:#94a3b8;">main</td><td style="padding:12px 0;"><span style="background:#fee2e2;color:#dc2626;padding:3px 10px;border-radius:20px;font-size:11px;">β Failed</span></td><td style="padding:12px 0;color:#94a3b8;">18 min ago</td></tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </main> | |
| </body> | |
| </html> | |