Spaces:
Running
Running
File size: 3,247 Bytes
cf6c0e0 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | <!DOCTYPE html>
<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>
|