mirror of
https://github.com/github/awesome-copilot.git
synced 2026-06-28 02:01:01 +00:00
copilot-swe-agent[bot]
d044bc9f6a
This reverts commit 51bf994ef2.
Co-authored-by: aaronpowell <434140+aaronpowell@users.noreply.github.com>
143 lines
8.5 KiB
XML
143 lines
8.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="480" viewBox="0 0 800 480">
|
|
<defs>
|
|
<linearGradient id="stickyYellow" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#FEF9C3"/>
|
|
<stop offset="100%" stop-color="#FEF3C7"/>
|
|
</linearGradient>
|
|
<linearGradient id="stickyPink" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#FCE7F3"/>
|
|
<stop offset="100%" stop-color="#FBCFE8"/>
|
|
</linearGradient>
|
|
<linearGradient id="stickyBlue" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#DBEAFE"/>
|
|
<stop offset="100%" stop-color="#BFDBFE"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="800" height="480" rx="12" fill="#F8FAFB"/>
|
|
|
|
<!-- Step indicator -->
|
|
<circle cx="46" cy="28" r="16" fill="#0D9488"/>
|
|
<text x="46" y="33" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="14" font-weight="bold" fill="white">3</text>
|
|
<text x="72" y="33" font-family="Arial, Helvetica, sans-serif" font-size="15" font-weight="bold" fill="#334155">Sketch your ideas on the whiteboard</text>
|
|
|
|
<!-- Browser Window -->
|
|
<g transform="translate(30, 52)">
|
|
<!-- Browser frame -->
|
|
<rect width="740" height="390" rx="10" fill="white" stroke="#D1D5DB" stroke-width="1.5"/>
|
|
<!-- Browser chrome -->
|
|
<rect width="740" height="38" rx="10" fill="#F1F5F9"/>
|
|
<rect x="0" y="28" width="740" height="10" fill="#F1F5F9"/>
|
|
<circle cx="18" cy="19" r="5.5" fill="#FF5F57"/>
|
|
<circle cx="36" cy="19" r="5.5" fill="#FFBD2E"/>
|
|
<circle cx="54" cy="19" r="5.5" fill="#28C840"/>
|
|
<rect x="80" y="8" width="580" height="22" rx="6" fill="white" stroke="#E2E8F0" stroke-width="1"/>
|
|
<text x="96" y="23" font-family="Arial, Helvetica, sans-serif" font-size="11" fill="#94A3B8">napkin.html</text>
|
|
|
|
<!-- Whiteboard canvas -->
|
|
<rect x="1" y="38" width="738" height="351" fill="white"/>
|
|
|
|
<!-- Toolbar -->
|
|
<rect x="120" y="48" width="500" height="36" rx="18" fill="white" stroke="#E2E8F0" stroke-width="1.5"/>
|
|
<!-- Pen tool ACTIVE -->
|
|
<g transform="translate(155, 54)">
|
|
<rect width="60" height="24" rx="12" fill="#0D9488"/>
|
|
<line x1="16" y1="18" x2="26" y2="6" stroke="white" stroke-width="2" stroke-linecap="round"/>
|
|
<circle cx="16" cy="18" r="2" fill="white"/>
|
|
<text x="34" y="16" font-family="Arial, Helvetica, sans-serif" font-size="9" fill="white" font-weight="bold">Pen</text>
|
|
</g>
|
|
<!-- Other tools -->
|
|
<g transform="translate(230, 54)">
|
|
<rect width="76" height="24" rx="12" fill="#F1F5F9"/>
|
|
<rect x="10" y="6" width="12" height="12" rx="2" fill="none" stroke="#64748B" stroke-width="1.5"/>
|
|
<text x="30" y="16" font-family="Arial, Helvetica, sans-serif" font-size="9" fill="#64748B">Shapes</text>
|
|
</g>
|
|
<g transform="translate(320, 54)">
|
|
<rect width="70" height="24" rx="12" fill="#F1F5F9"/>
|
|
<line x1="12" y1="16" x2="24" y2="8" stroke="#64748B" stroke-width="1.5" stroke-linecap="round"/>
|
|
<polygon points="22,5 28,8 22,11" fill="#64748B"/>
|
|
<text x="34" y="16" font-family="Arial, Helvetica, sans-serif" font-size="9" fill="#64748B">Arrow</text>
|
|
</g>
|
|
<g transform="translate(404, 54)">
|
|
<rect width="80" height="24" rx="12" fill="#F1F5F9"/>
|
|
<rect x="10" y="6" width="12" height="12" rx="1" fill="#FEF3C7" stroke="#F59E0B" stroke-width="0.8"/>
|
|
<text x="28" y="16" font-family="Arial, Helvetica, sans-serif" font-size="9" fill="#64748B">Sticky Note</text>
|
|
</g>
|
|
<g transform="translate(498, 54)">
|
|
<rect width="70" height="24" rx="12" fill="#F1F5F9"/>
|
|
<rect x="10" y="8" width="14" height="10" rx="2" fill="none" stroke="#64748B" stroke-width="1.5"/>
|
|
<text x="30" y="16" font-family="Arial, Helvetica, sans-serif" font-size="9" fill="#64748B">Eraser</text>
|
|
</g>
|
|
|
|
<!-- ======= USER DRAWINGS ======= -->
|
|
|
|
<!-- Flowchart Box 1: "Draft" -->
|
|
<rect x="80" y="130" width="130" height="60" rx="8" fill="white" stroke="#475569" stroke-width="2"/>
|
|
<text x="145" y="158" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="14" fill="#1E293B" font-weight="bold">Draft</text>
|
|
<text x="145" y="176" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="11" fill="#64748B">proposal</text>
|
|
|
|
<!-- Arrow 1 to 2 -->
|
|
<line x1="210" y1="160" x2="270" y2="160" stroke="#475569" stroke-width="2.5" stroke-linecap="round"/>
|
|
<polygon points="268,154 280,160 268,166" fill="#475569"/>
|
|
|
|
<!-- Flowchart Box 2: "Review" -->
|
|
<rect x="280" y="130" width="130" height="60" rx="8" fill="white" stroke="#475569" stroke-width="2"/>
|
|
<text x="345" y="158" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="14" fill="#1E293B" font-weight="bold">Review</text>
|
|
<text x="345" y="176" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="11" fill="#64748B">with team</text>
|
|
|
|
<!-- Arrow 2 to 3 -->
|
|
<line x1="410" y1="160" x2="470" y2="160" stroke="#475569" stroke-width="2.5" stroke-linecap="round"/>
|
|
<polygon points="468,154 480,160 468,166" fill="#475569"/>
|
|
|
|
<!-- Flowchart Box 3: "Ship" -->
|
|
<rect x="480" y="130" width="130" height="60" rx="8" fill="white" stroke="#475569" stroke-width="2"/>
|
|
<text x="545" y="158" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="14" fill="#1E293B" font-weight="bold">Ship</text>
|
|
<text x="545" y="176" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="11" fill="#64748B">to customer</text>
|
|
|
|
<!-- Sticky Note 1: Yellow -->
|
|
<g transform="translate(75, 225) rotate(-2)">
|
|
<rect width="140" height="90" rx="3" fill="url(#stickyYellow)" stroke="#F59E0B" stroke-width="0.8"/>
|
|
<text x="14" y="28" font-family="Arial, Helvetica, sans-serif" font-size="13" fill="#92400E" font-weight="bold">Need legal</text>
|
|
<text x="14" y="48" font-family="Arial, Helvetica, sans-serif" font-size="13" fill="#92400E" font-weight="bold">review</text>
|
|
<text x="14" y="72" font-family="Arial, Helvetica, sans-serif" font-size="10" fill="#B45309">before shipping!</text>
|
|
</g>
|
|
|
|
<!-- Sticky Note 2: Pink -->
|
|
<g transform="translate(260, 240) rotate(1.5)">
|
|
<rect width="130" height="80" rx="3" fill="url(#stickyPink)" stroke="#EC4899" stroke-width="0.8"/>
|
|
<text x="14" y="28" font-family="Arial, Helvetica, sans-serif" font-size="13" fill="#9D174D" font-weight="bold">Q2 deadline</text>
|
|
<text x="14" y="50" font-family="Arial, Helvetica, sans-serif" font-size="11" fill="#BE185D">June 30th</text>
|
|
</g>
|
|
|
|
<!-- Sticky Note 3: Blue -->
|
|
<g transform="translate(440, 230) rotate(-1)">
|
|
<rect width="140" height="85" rx="3" fill="url(#stickyBlue)" stroke="#3B82F6" stroke-width="0.8"/>
|
|
<text x="14" y="28" font-family="Arial, Helvetica, sans-serif" font-size="13" fill="#1E40AF" font-weight="bold">Check with</text>
|
|
<text x="14" y="48" font-family="Arial, Helvetica, sans-serif" font-size="13" fill="#1E40AF" font-weight="bold">Sarah</text>
|
|
<text x="14" y="70" font-family="Arial, Helvetica, sans-serif" font-size="10" fill="#2563EB">re: compliance</text>
|
|
</g>
|
|
|
|
<!-- Freehand circle around "Review" box -->
|
|
<ellipse cx="345" cy="160" rx="85" ry="45" fill="none" stroke="#EF4444" stroke-width="2" stroke-dasharray="6,3" opacity="0.7"/>
|
|
|
|
<!-- Freehand underline under "Ship" -->
|
|
<path d="M490,186 C510,192 540,190 600,188" fill="none" stroke="#F59E0B" stroke-width="2.5" stroke-linecap="round" opacity="0.7"/>
|
|
|
|
<!-- Small star/asterisk near Review box -->
|
|
<text x="420" y="128" font-family="Arial, Helvetica, sans-serif" font-size="20" fill="#EF4444" font-weight="bold">*</text>
|
|
<text x="430" y="128" font-family="Arial, Helvetica, sans-serif" font-size="10" fill="#EF4444">important!</text>
|
|
|
|
<!-- Freehand question marks -->
|
|
<text x="620" y="170" font-family="Arial, Helvetica, sans-serif" font-size="18" fill="#94A3B8">?</text>
|
|
<text x="636" y="162" font-family="Arial, Helvetica, sans-serif" font-size="14" fill="#CBD5E1">?</text>
|
|
|
|
<!-- Share button (still visible) -->
|
|
<rect x="540" y="348" width="180" height="34" rx="17" fill="#0D9488"/>
|
|
<text x="582" y="369" font-family="Arial, Helvetica, sans-serif" font-size="12" fill="white" font-weight="bold">Share with Copilot</text>
|
|
</g>
|
|
|
|
<!-- Callout annotation -->
|
|
<rect x="30" y="448" width="440" height="26" rx="8" fill="#0D9488" opacity="0.1"/>
|
|
<text x="42" y="465" font-family="Arial, Helvetica, sans-serif" font-size="12" fill="#0D9488" font-weight="bold">Draw, sketch, and add notes — whatever helps you think</text>
|
|
</svg> |