vision-coder-openenv / data /tests /14 /variants /no_layout.html
amaljoe88's picture
deploy: sync 712e5bc -> HF
cf6c0e0
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Kanban</title></head>
<body style="font-family:sans-serif; background:#f1f5f9; color:#1e293b">
<nav style="background:#fff; border-bottom:1px solid #e2e8f0">
<div style="gap:16px">
<span style="font-weight:700; font-size:16px">๐Ÿ—‚ Sprint 24</span>
<span style="font-size:13px; color:#94a3b8">Apr 1 โ€“ Apr 14</span>
</div>
<div style="gap:10px">
<div style=""><div style="background:#4f46e5; color:#fff; font-size:11px; border:2px solid #fff">A</div><div style="background:#34d399; color:#fff; font-size:11px; border:2px solid #fff">M</div><div style="background:#fb923c; color:#fff; font-size:11px; border:2px solid #fff">P</div></div>
<button style="background:#4f46e5; color:#fff; border:none; font-size:13px; cursor:pointer">+ Add Task</button>
</div>
</nav>
<div style="gap:16px">
<div style="background:#e2e8f0">
<div style=""><h3 style="font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#64748b">Backlog</h3><span style="background:#94a3b8; color:#fff; font-size:11px">5</span></div>
<div style="background:#fff"><p style="font-size:13px; font-weight:500">Redesign onboarding flow</p><div style=""><span style="background:#ede9fe; color:#7c3aed; font-size:11px">Design</span><span style="font-size:11px; color:#94a3b8">P</span></div></div>
<div style="background:#fff"><p style="font-size:13px; font-weight:500">Add dark mode support</p><div style=""><span style="background:#dcfce7; color:#16a34a; font-size:11px">Frontend</span><span style="font-size:11px; color:#94a3b8">A</span></div></div>
</div>
<div style="background:#e2e8f0">
<div style=""><h3 style="font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#64748b">In Progress</h3><span style="background:#f59e0b; color:#fff; font-size:11px">3</span></div>
<div style="background:#fff; border-left:3px solid #4f46e5"><p style="font-size:13px; font-weight:500">Implement OAuth 2.0 login</p><div style=""><span style="background:#fee2e2; color:#dc2626; font-size:11px">๐Ÿ”ด High</span><span style="font-size:11px; color:#94a3b8">M</span></div></div>
<div style="background:#fff; border-left:3px solid #4f46e5"><p style="font-size:13px; font-weight:500">Write API documentation</p><div style=""><span style="background:#fef3c7; color:#d97706; font-size:11px">Docs</span><span style="font-size:11px; color:#94a3b8">A</span></div></div>
</div>
<div style="background:#e2e8f0">
<div style=""><h3 style="font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#64748b">Review</h3><span style="background:#6366f1; color:#fff; font-size:11px">2</span></div>
<div style="background:#fff"><p style="font-size:13px; font-weight:500">Fix payment webhook bug</p><div style=""><span style="background:#fee2e2; color:#dc2626; font-size:11px">๐Ÿ”ด Critical</span><span style="font-size:11px; color:#94a3b8">P</span></div></div>
</div>
<div style="background:#e2e8f0">
<div style=""><h3 style="font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#64748b">Done</h3><span style="background:#16a34a; color:#fff; font-size:11px">8</span></div>
<div style="background:#fff; opacity:.7"><p style="font-size:13px; font-weight:500; text-decoration:line-through; color:#94a3b8">Setup CI/CD pipeline</p><div style=""><span style="background:#dcfce7; color:#16a34a; font-size:11px">DevOps</span><span style="font-size:11px; color:#94a3b8">M</span></div></div>
<div style="background:#fff; opacity:.7"><p style="font-size:13px; font-weight:500; text-decoration:line-through; color:#94a3b8">Database schema migration</p><div style=""><span style="background:#f1f5f9; color:#64748b; font-size:11px">Backend</span><span style="font-size:11px; color:#94a3b8">A</span></div></div>
</div>
</div>
</body>
</html>