vision-coder-openenv / data /tests /10 /reference.html
amaljoe88's picture
deploy: sync 712e5bc -> HF
cf6c0e0
<!DOCTYPE html>
<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>