Spaces:
Sleeping
Sleeping
| <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> | |