Bernt
aee0f09db8
- Datafabrik: Dockerfile fix, agentorkestrering fungerar - Vision: Identify-modell, FAISS, OCR alla testade - API: Alla 7 integrationstester passerade - Upplösare: Entitetsupplösning verifierad
67 lines
4.4 KiB
XML
67 lines
4.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 160" role="img" aria-label="How quiXzoom works: Browse missions, claim a mission, photograph, get paid weekly">
|
|
|
|
<!-- Connector lines -->
|
|
<line x1="126" y1="80" x2="234" y2="80" stroke="#0066FF" stroke-opacity="0.3" stroke-width="1.5" stroke-dasharray="4 3"/>
|
|
<line x1="326" y1="80" x2="434" y2="80" stroke="#0066FF" stroke-opacity="0.3" stroke-width="1.5" stroke-dasharray="4 3"/>
|
|
<line x1="526" y1="80" x2="634" y2="80" stroke="#0066FF" stroke-opacity="0.3" stroke-width="1.5" stroke-dasharray="4 3"/>
|
|
|
|
<!-- Step 1: Browse -->
|
|
<circle cx="80" cy="80" r="36" fill="#0066FF" fill-opacity="0.1" stroke="#0066FF" stroke-opacity="0.3" stroke-width="1.5"/>
|
|
<!-- Map pin icon -->
|
|
<g transform="translate(80,80)">
|
|
<!-- Pin body (teardrop) -->
|
|
<path d="M0,-16 C-9,-16 -16,-9 -16,0 C-16,9 0,20 0,20 C0,20 16,9 16,0 C16,-9 9,-16 0,-16 Z"
|
|
fill="#0066FF" fill-opacity="0.7" stroke="none"/>
|
|
<!-- Pin inner circle -->
|
|
<circle cx="0" cy="0" r="5.5" fill="white" fill-opacity="0.9"/>
|
|
</g>
|
|
<text x="80" y="133" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#3a3a3a" font-weight="600">Browse</text>
|
|
<text x="80" y="148" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="11" fill="#6B6B6B">missions</text>
|
|
|
|
<!-- Step 2: Claim -->
|
|
<circle cx="280" cy="80" r="36" fill="#0066FF" fill-opacity="0.1" stroke="#0066FF" stroke-opacity="0.3" stroke-width="1.5"/>
|
|
<!-- Handshake / check icon: two hands clasping -->
|
|
<g transform="translate(280,80)" fill="none" stroke="#0066FF" stroke-opacity="0.85" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<!-- Left hand -->
|
|
<path d="M-14,4 C-14,4 -10,-2 -6,-2 L0,2 L6,-2 C10,-2 14,4 14,4"/>
|
|
<!-- Right clasped fingers -->
|
|
<path d="M-10,4 C-10,8 -6,12 0,12 C6,12 10,8 10,4"/>
|
|
<!-- Check mark overlay -->
|
|
<polyline points="-7,-10 -2,-4 8,-14" stroke="#0066FF" stroke-opacity="0.85" stroke-width="2.5"/>
|
|
</g>
|
|
<text x="280" y="133" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#3a3a3a" font-weight="600">Claim</text>
|
|
<text x="280" y="148" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="11" fill="#6B6B6B">a mission</text>
|
|
|
|
<!-- Step 3: Photograph -->
|
|
<circle cx="480" cy="80" r="36" fill="#0066FF" fill-opacity="0.1" stroke="#0066FF" stroke-opacity="0.3" stroke-width="1.5"/>
|
|
<!-- Camera icon -->
|
|
<g transform="translate(480,80)" fill="none" stroke="#0066FF" stroke-opacity="0.85" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<!-- Camera body -->
|
|
<rect x="-16" y="-8" width="32" height="22" rx="3" ry="3" fill="#0066FF" fill-opacity="0.15" stroke="#0066FF" stroke-opacity="0.75"/>
|
|
<!-- Lens -->
|
|
<circle cx="0" cy="4" r="7" fill="none" stroke="#0066FF" stroke-opacity="0.85"/>
|
|
<circle cx="0" cy="4" r="3.5" fill="#0066FF" fill-opacity="0.4" stroke="none"/>
|
|
<!-- Viewfinder bump -->
|
|
<path d="M-6,-8 L-6,-13 L6,-13 L6,-8"/>
|
|
<!-- Flash -->
|
|
<rect x="8" y="-7" width="4" height="3" rx="1" fill="#0066FF" fill-opacity="0.5" stroke="none"/>
|
|
</g>
|
|
<text x="480" y="133" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#3a3a3a" font-weight="600">Photograph</text>
|
|
|
|
<!-- Step 4: Get Paid -->
|
|
<circle cx="680" cy="80" r="36" fill="#00C853" fill-opacity="0.12" stroke="#00C853" stroke-opacity="0.4" stroke-width="1.5"/>
|
|
<!-- Coin + check icon -->
|
|
<g transform="translate(680,80)">
|
|
<!-- Coin circle -->
|
|
<circle cx="-4" cy="1" r="13" fill="#00C853" fill-opacity="0.25" stroke="#00C853" stroke-opacity="0.7" stroke-width="1.8"/>
|
|
<!-- Dollar sign on coin -->
|
|
<text x="-4" y="6" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#00C853" fill-opacity="0.9" font-weight="700">$</text>
|
|
<!-- Check badge -->
|
|
<circle cx="10" cy="-8" r="8" fill="#00C853" fill-opacity="0.85" stroke="white" stroke-width="1.5"/>
|
|
<polyline points="6,-8 9,-4 15,-12" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</g>
|
|
<text x="680" y="133" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#3a3a3a" font-weight="600">Get paid</text>
|
|
<text x="680" y="148" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="11" fill="#6B6B6B">weekly</text>
|
|
|
|
</svg>
|