98 lines
6.0 KiB
Plaintext
98 lines
6.0 KiB
Plaintext
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" width="1200" height="800">
|
|
<!-- Background -->
|
|
<rect width="100%" height="100%" fill="#f8fafc"/>
|
|
|
|
<!-- Header -->
|
|
<rect x="0" y="0" width="1200" height="80" fill="#1e293b"/>
|
|
<text x="40" y="50" font-family="sans-serif" font-size="28" font-weight="bold" fill="#ffffff">DevPlanner</text>
|
|
<text x="1020" y="50" font-family="sans-serif" font-size="16" fill="#94a3b8">Today: Dec 23, 2025</text>
|
|
|
|
<!-- Sidebar -->
|
|
<rect x="0" y="80" width="280" height="720" fill="#334155"/>
|
|
|
|
<!-- Sidebar Items -->
|
|
<g id="sidebar-nav">
|
|
<rect x="20" y="110" width="240" height="50" rx="8" fill="#475569"/>
|
|
<text x="40" y="142" font-family="sans-serif" font-size="16" fill="#ffffff">📋 Today's Tasks</text>
|
|
|
|
<rect x="20" y="180" width="240" height="50" rx="8" fill="#1e293b"/>
|
|
<text x="40" y="212" font-family="sans-serif" font-size="16" fill="#cbd5e1">📅 Upcoming</text>
|
|
|
|
<rect x="20" y="250" width="240" height="50" rx="8" fill="#1e293b"/>
|
|
<text x="40" y="282" font-family="sans-serif" font-size="16" fill="#cbd5e1">✅ Completed</text>
|
|
|
|
<rect x="20" y="320" width="240" height="50" rx="8" fill="#1e293b"/>
|
|
<text x="40" y="352" font-family="sans-serif" font-size="16" fill="#cbd5e1">📊 Analytics</text>
|
|
</g>
|
|
|
|
<!-- Progress Widget -->
|
|
<rect x="20" y="450" width="240" height="120" rx="8" fill="#1e293b"/>
|
|
<text x="40" y="480" font-family="sans-serif" font-size="14" fill="#94a3b8">Today's Progress</text>
|
|
<text x="140" y="520" font-family="sans-serif" font-size="32" font-weight="bold" fill="#10b981" text-anchor="middle">68%</text>
|
|
<text x="140" y="550" font-family="sans-serif" font-size="12" fill="#cbd5e1" text-anchor="middle">13 of 19 tasks</text>
|
|
|
|
<!-- Main Content Area -->
|
|
<rect x="280" y="80" width="920" height="720" fill="#ffffff"/>
|
|
|
|
<!-- Content Header -->
|
|
<text x="320" y="140" font-family="sans-serif" font-size="24" font-weight="bold" fill="#0f172a">Today's Tasks</text>
|
|
<rect x="1020" y="110" width="150" height="45" rx="8" fill="#3b82f6"/>
|
|
<text x="1095" y="140" font-family="sans-serif" font-size="16" fill="#ffffff" text-anchor="middle">+ New Task</text>
|
|
|
|
<!-- Filter Tabs -->
|
|
<rect x="320" y="170" width="100" height="36" rx="6" fill="#e0e7ff"/>
|
|
<text x="370" y="194" font-family="sans-serif" font-size="14" fill="#4338ca" text-anchor="middle">All (19)</text>
|
|
|
|
<rect x="430" y="170" width="110" height="36" rx="6" fill="#f1f5f9"/>
|
|
<text x="485" y="194" font-family="sans-serif" font-size="14" fill="#64748b" text-anchor="middle">Active (6)</text>
|
|
|
|
<rect x="550" y="170" width="140" height="36" rx="6" fill="#f1f5f9"/>
|
|
<text x="620" y="194" font-family="sans-serif" font-size="14" fill="#64748b" text-anchor="middle">Completed (13)</text>
|
|
|
|
<!-- Task List -->
|
|
<!-- Task 1 - Completed -->
|
|
<rect x="320" y="240" width="840" height="90" rx="8" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/>
|
|
<circle cx="350" cy="285" r="12" fill="#10b981" stroke="#059669" stroke-width="2"/>
|
|
<line x1="345" y1="285" x2="348" y2="290" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="348" y1="290" x2="355" y2="280" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
|
|
<text x="380" y="282" font-family="sans-serif" font-size="16" fill="#94a3b8" text-decoration="line-through">Review pull requests</text>
|
|
<text x="380" y="305" font-family="sans-serif" font-size="13" fill="#cbd5e1">2 subtasks completed</text>
|
|
<rect x="1080" y="270" width="60" height="30" rx="4" fill="#ecfdf5"/>
|
|
<text x="1110" y="291" font-family="sans-serif" font-size="12" fill="#059669" text-anchor="middle">Done</text>
|
|
|
|
<!-- Task 2 - Active with subtasks -->
|
|
<rect x="320" y="350" width="840" height="110" rx="8" fill="#ffffff" stroke="#3b82f6" stroke-width="2"/>
|
|
<circle cx="350" cy="395" r="12" fill="#ffffff" stroke="#64748b" stroke-width="2"/>
|
|
<text x="380" y="392" font-family="sans-serif" font-size="16" font-weight="500" fill="#0f172a">Implement authentication module</text>
|
|
<text x="380" y="415" font-family="sans-serif" font-size="13" fill="#64748b">3 of 5 subtasks • High Priority</text>
|
|
|
|
<!-- Subtask indicators -->
|
|
<rect x="380" y="425" width="400" height="8" rx="4" fill="#e2e8f0"/>
|
|
<rect x="380" y="425" width="240" height="8" rx="4" fill="#3b82f6"/>
|
|
<text x="790" y="432" font-family="sans-serif" font-size="12" fill="#64748b">60%</text>
|
|
|
|
<rect x="1030" y="380" width="120" height="30" rx="4" fill="#fef3c7"/>
|
|
<text x="1090" y="401" font-family="sans-serif" font-size="12" fill="#d97706" text-anchor="middle">In Progress</text>
|
|
|
|
<!-- Task 3 - Active -->
|
|
<rect x="320" y="480" width="840" height="90" rx="8" fill="#ffffff" stroke="#e2e8f0" stroke-width="1"/>
|
|
<circle cx="350" cy="525" r="12" fill="#ffffff" stroke="#64748b" stroke-width="2"/>
|
|
<text x="380" y="522" font-family="sans-serif" font-size="16" fill="#0f172a">Update documentation</text>
|
|
<text x="380" y="545" font-family="sans-serif" font-size="13" fill="#64748b">No subtasks • Medium Priority</text>
|
|
<rect x="1080" y="510" width="60" height="30" rx="4" fill="#f1f5f9"/>
|
|
<text x="1110" y="531" font-family="sans-serif" font-size="12" fill="#64748b" text-anchor="middle">Todo</text>
|
|
|
|
<!-- Task 4 - Active -->
|
|
<rect x="320" y="590" width="840" height="90" rx="8" fill="#ffffff" stroke="#e2e8f0" stroke-width="1"/>
|
|
<circle cx="350" cy="635" r="12" fill="#ffffff" stroke="#64748b" stroke-width="2"/>
|
|
<text x="380" y="632" font-family="sans-serif" font-size="16" fill="#0f172a">Fix bug in payment gateway</text>
|
|
<text x="380" y="655" font-family="sans-serif" font-size="13" fill="#64748b">1 subtask • High Priority</text>
|
|
<rect x="1050" y="620" width="90" height="30" rx="4" fill="#fee2e2"/>
|
|
<text x="1095" y="641" font-family="sans-serif" font-size="12" fill="#dc2626" text-anchor="middle">Urgent</text>
|
|
|
|
<!-- Floating Action Hints -->
|
|
<circle cx="900" cy="395" r="3" fill="#64748b"/>
|
|
<circle cx="915" cy="395" r="3" fill="#64748b"/>
|
|
<circle cx="930" cy="395" r="3" fill="#64748b"/>
|
|
</svg> |