Hugging Face's logo

Spaces:
amaljoe88
/
vision-coder-openenv
Running

App Files Community
vision-coder-openenv
File size: 6,606 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
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Kanban</title></head>
<body style="margin:0;font-family:sans-serif;background:#f1f5f9;color:#1e293b;min-height:100vh;">
  <nav style="background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;">
    <div style="display:flex;align-items:center;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="display:flex;align-items:center;gap:10px;">
      <div style="display:flex;"><div style="width:28px;height:28px;border-radius:50%;background:#4f46e5;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;">A</div><div style="width:28px;height:28px;border-radius:50%;background:#34d399;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;margin-left:-8px;">M</div><div style="width:28px;height:28px;border-radius:50%;background:#fb923c;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;margin-left:-8px;">P</div></div>
      <button style="padding:7px 14px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;">+ Add Task</button>
    </div>
  </nav>
  <div style="display:flex;gap:16px;padding:24px;overflow-x:auto;">
    <div style="min-width:260px;background:#e2e8f0;border-radius:10px;padding:16px;">
      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;"><h3 style="margin:0;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;padding:2px 8px;border-radius:10px;">5</span></div>
      <div style="background:#fff;border-radius:8px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);"><p style="margin:0 0 8px;font-size:13px;font-weight:500;">Redesign onboarding flow</p><div style="display:flex;justify-content:space-between;align-items:center;"><span style="background:#ede9fe;color:#7c3aed;font-size:11px;padding:2px 8px;border-radius:4px;">Design</span><span style="font-size:11px;color:#94a3b8;">P</span></div></div>
      <div style="background:#fff;border-radius:8px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);"><p style="margin:0 0 8px;font-size:13px;font-weight:500;">Add dark mode support</p><div style="display:flex;justify-content:space-between;align-items:center;"><span style="background:#dcfce7;color:#16a34a;font-size:11px;padding:2px 8px;border-radius:4px;">Frontend</span><span style="font-size:11px;color:#94a3b8;">A</span></div></div>
    </div>
    <div style="min-width:260px;background:#e2e8f0;border-radius:10px;padding:16px;">
      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;"><h3 style="margin:0;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;padding:2px 8px;border-radius:10px;">3</span></div>
      <div style="background:#fff;border-radius:8px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);border-left:3px solid #4f46e5;"><p style="margin:0 0 8px;font-size:13px;font-weight:500;">Implement OAuth 2.0 login</p><div style="display:flex;justify-content:space-between;align-items:center;"><span style="background:#fee2e2;color:#dc2626;font-size:11px;padding:2px 8px;border-radius:4px;">🔴 High</span><span style="font-size:11px;color:#94a3b8;">M</span></div></div>
      <div style="background:#fff;border-radius:8px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);border-left:3px solid #4f46e5;"><p style="margin:0 0 8px;font-size:13px;font-weight:500;">Write API documentation</p><div style="display:flex;justify-content:space-between;align-items:center;"><span style="background:#fef3c7;color:#d97706;font-size:11px;padding:2px 8px;border-radius:4px;">Docs</span><span style="font-size:11px;color:#94a3b8;">A</span></div></div>
    </div>
    <div style="min-width:260px;background:#e2e8f0;border-radius:10px;padding:16px;">
      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;"><h3 style="margin:0;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;padding:2px 8px;border-radius:10px;">2</span></div>
      <div style="background:#fff;border-radius:8px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);"><p style="margin:0 0 8px;font-size:13px;font-weight:500;">Fix payment webhook bug</p><div style="display:flex;justify-content:space-between;align-items:center;"><span style="background:#fee2e2;color:#dc2626;font-size:11px;padding:2px 8px;border-radius:4px;">🔴 Critical</span><span style="font-size:11px;color:#94a3b8;">P</span></div></div>
    </div>
    <div style="min-width:260px;background:#e2e8f0;border-radius:10px;padding:16px;">
      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;"><h3 style="margin:0;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;padding:2px 8px;border-radius:10px;">8</span></div>
      <div style="background:#fff;border-radius:8px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);opacity:.7;"><p style="margin:0 0 8px;font-size:13px;font-weight:500;text-decoration:line-through;color:#94a3b8;">Setup CI/CD pipeline</p><div style="display:flex;justify-content:space-between;align-items:center;"><span style="background:#dcfce7;color:#16a34a;font-size:11px;padding:2px 8px;border-radius:4px;">DevOps</span><span style="font-size:11px;color:#94a3b8;">M</span></div></div>
      <div style="background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.06);opacity:.7;"><p style="margin:0 0 8px;font-size:13px;font-weight:500;text-decoration:line-through;color:#94a3b8;">Database schema migration</p><div style="display:flex;justify-content:space-between;align-items:center;"><span style="background:#f1f5f9;color:#64748b;font-size:11px;padding:2px 8px;border-radius:4px;">Backend</span><span style="font-size:11px;color:#94a3b8;">A</span></div></div>
    </div>
  </div>
</body>
</html>