Bernt
aee0f09db8
- Datafabrik: Dockerfile fix, agentorkestrering fungerar - Vision: Identify-modell, FAISS, OCR alla testade - API: Alla 7 integrationstester passerade - Upplösare: Entitetsupplösning verifierad
217 lines
11 KiB
HTML
217 lines
11 KiB
HTML
<!-- SVG Illustrations for quiXzoom Academy -->
|
|
|
|
<!-- m1l1: Welcome -->
|
|
<svg class="svg-illustration" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="welcomeGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#667eea"/>
|
|
<stop offset="100%" style="stop-color:#764ba2"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="800" height="400" fill="url(#welcomeGrad)"/>
|
|
<circle cx="400" cy="200" r="120" fill="rgba(255,255,255,0.1)"/>
|
|
<text x="400" y="180" text-anchor="middle" font-size="80" fill="white">📸</text>
|
|
<text x="400" y="280" text-anchor="middle" font-size="24" fill="white" font-weight="bold">Välkommen till quiXzoom</text>
|
|
<text x="400" y="310" text-anchor="middle" font-size="16" fill="rgba(255,255,255,0.8)">Bli en mästerlig Zoomer</text>
|
|
</svg>
|
|
|
|
<!-- m2l1: AI Review -->
|
|
<svg class="svg-illustration" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="800" height="400" fill="#1a1a2e"/>
|
|
<rect x="50" y="50" width="300" height="300" rx="12" fill="#4facfe"/>
|
|
<text x="200" y="200" text-anchor="middle" font-size="60" fill="white">📷</text>
|
|
<text x="200" y="280" text-anchor="middle" font-size="16" fill="white">Original</text>
|
|
|
|
<text x="400" y="200" text-anchor="middle" font-size="40" fill="white">→</text>
|
|
|
|
<rect x="450" y="50" width="300" height="300" rx="12" fill="#43e97b"/>
|
|
<text x="600" y="200" text-anchor="middle" font-size="60" fill="white">🤖</text>
|
|
<text x="600" y="280" text-anchor="middle" font-size="16" fill="white">AI-analys</text>
|
|
|
|
<rect x="470" y="70" width="100" height="30" rx="15" fill="rgba(255,255,255,0.3)"/>
|
|
<text x="520" y="90" text-anchor="middle" font-size="12" fill="white">Skärpa ✓</text>
|
|
|
|
<rect x="580" y="70" width="100" height="30" rx="15" fill="rgba(255,255,255,0.3)"/>
|
|
<text x="630" y="90" text-anchor="middle" font-size="12" fill="white">Ljus ✓</text>
|
|
</svg>
|
|
|
|
<!-- m2l2: Lighting -->
|
|
<svg class="svg-illustration" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
|
|
<rect x="0" y="0" width="266" height="400" fill="#333"/>
|
|
<text x="133" y="180" text-anchor="middle" font-size="40" fill="#666">🌑</text>
|
|
<text x="133" y="220" text-anchor="middle" font-size="16" fill="#999">För mörk</text>
|
|
<text x="133" y="240" text-anchor="middle" font-size="12" fill="#666">Detaljer saknas</text>
|
|
|
|
<rect x="266" y="0" width="268" height="400" fill="#fff3e0"/>
|
|
<text x="400" y="180" text-anchor="middle" font-size="40" fill="#e65100">☀️</text>
|
|
<text x="400" y="220" text-anchor="middle" font-size="16" fill="#e65100">Perfekt</text>
|
|
<text x="400" y="240" text-anchor="middle" font-size="12" fill="#999">Gyldene timmen</text>
|
|
|
|
<rect x="534" y="0" width="266" height="400" fill="#f5f5f5"/>
|
|
<text x="667" y="180" text-anchor="middle" font-size="40" fill="#ccc">💡</text>
|
|
<text x="667" y="220" text-anchor="middle" font-size="16" fill="#999">För ljus</text>
|
|
<text x="667" y="240" text-anchor="middle" font-size="12" fill="#ccc">Utbrända detaljer</text>
|
|
</svg>
|
|
|
|
<!-- m2l3: Focus -->
|
|
<svg class="svg-illustration" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
|
|
<rect x="0" y="0" width="400" height="400" fill="#ffebee"/>
|
|
<text x="200" y="180" text-anchor="middle" font-size="60" fill="#c62828">😵💫</text>
|
|
<text x="200" y="240" text-anchor="middle" font-size="20" fill="#c62828">Oskarp</text>
|
|
<text x="200" y="265" text-anchor="middle" font-size="14" fill="#999">AVVISAD</text>
|
|
|
|
<rect x="400" y="0" width="400" height="400" fill="#e8f5e9"/>
|
|
<text x="600" y="180" text-anchor="middle" font-size="60" fill="#2e7d32">✨</text>
|
|
<text x="600" y="240" text-anchor="middle" font-size="20" fill="#2e7d32">Skarp</text>
|
|
<text x="600" y="265" text-anchor="middle" font-size="14" fill="#999">GODKÄND</text>
|
|
</svg>
|
|
|
|
<!-- m2l4: Composition -->
|
|
<svg class="svg-illustration" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="800" height="400" fill="#f5f5f7"/>
|
|
<line x1="266" y1="0" x2="266" y2="400" stroke="#0066FF" stroke-width="2" stroke-dasharray="5,5"/>
|
|
<line x1="533" y1="0" x2="533" y2="400" stroke="#0066FF" stroke-width="2" stroke-dasharray="5,5"/>
|
|
<line x1="0" y1="133" x2="800" y2="133" stroke="#0066FF" stroke-width="2" stroke-dasharray="5,5"/>
|
|
<line x1="0" y1="266" x2="800" y2="266" stroke="#0066FF" stroke-width="2" stroke-dasharray="5,5"/>
|
|
|
|
<circle cx="400" cy="200" r="80" fill="#00C853" opacity="0.3"/>
|
|
<text x="400" y="190" text-anchor="middle" font-size="60" fill="#00C853">🌉</text>
|
|
<text x="400" y="260" text-anchor="middle" font-size="16" fill="#00C853" font-weight="bold">Huvudobjekt</text>
|
|
|
|
<text x="400" y="350" text-anchor="middle" font-size="14" fill="#666">Rule of thirds — placera objektet vid skärningspunkterna</text>
|
|
</svg>
|
|
|
|
<!-- m3l1: GPS -->
|
|
<svg class="svg-illustration" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="800" height="400" fill="#e3f2fd"/>
|
|
|
|
<!-- Map grid -->
|
|
<line x1="0" y1="100" x2="800" y2="100" stroke="#bbdefb" stroke-width="1"/>
|
|
<line x1="0" y1="200" x2="800" y2="200" stroke="#bbdefb" stroke-width="1"/>
|
|
<line x1="0" y1="300" x2="800" y2="300" stroke="#bbdefb" stroke-width="1"/>
|
|
<line x1="200" y1="0" x2="200" y2="400" stroke="#bbdefb" stroke-width="1"/>
|
|
<line x1="400" y1="0" x2="400" y2="400" stroke="#bbdefb" stroke-width="1"/>
|
|
<line x1="600" y1="0" x2="600" y2="400" stroke="#bbdefb" stroke-width="1"/>
|
|
|
|
<!-- Phone -->
|
|
<rect x="360" y="160" width="80" height="120" rx="10" fill="#333"/>
|
|
<rect x="370" y="170" width="60" height="100" rx="5" fill="#4facfe"/>
|
|
<text x="400" y="230" text-anchor="middle" font-size="30" fill="white">📱</text>
|
|
|
|
<!-- Satellites -->
|
|
<circle cx="200" cy="80" r="30" fill="#00C853" opacity="0.8"/>
|
|
<text x="200" y="90" text-anchor="middle" font-size="20" fill="white">🛰️</text>
|
|
|
|
<circle cx="600" cy="80" r="30" fill="#00C853" opacity="0.8"/>
|
|
<text x="600" y="90" text-anchor="middle" font-size="20" fill="white">🛰️</text>
|
|
|
|
<circle cx="200" cy="320" r="30" fill="#00C853" opacity="0.8"/>
|
|
<text x="200" y="330" text-anchor="middle" font-size="20" fill="white">🛰️</text>
|
|
|
|
<circle cx="600" cy="320" r="30" fill="#00C853" opacity="0.8"/>
|
|
<text x="600" y="330" text-anchor="middle" font-size="20" fill="white">🛰️</text>
|
|
|
|
<!-- Signal lines -->
|
|
<line x1="230" y1="100" x2="360" y2="200" stroke="#00C853" stroke-width="2" stroke-dasharray="5,5"/>
|
|
<line x1="570" y1="100" x2="440" y2="200" stroke="#00C853" stroke-width="2" stroke-dasharray="5,5"/>
|
|
<line x1="230" y1="300" x2="360" y2="240" stroke="#00C853" stroke-width="2" stroke-dasharray="5,5"/>
|
|
<line x1="570" y1="300" x2="440" y2="240" stroke="#00C853" stroke-width="2" stroke-dasharray="5,5"/>
|
|
|
|
<!-- Accuracy circles -->
|
|
<circle cx="400" cy="280" r="40" fill="none" stroke="#00C853" stroke-width="3"/>
|
|
<text x="400" y="340" text-anchor="middle" font-size="14" fill="#00C853">Noggrann ✓</text>
|
|
</svg>
|
|
|
|
<!-- m4l1: Safety -->
|
|
<svg class="svg-illustration" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="800" height="400" fill="#f5f5f7"/>
|
|
|
|
<!-- Road -->
|
|
<rect x="0" y="250" width="800" height="150" fill="#555"/>
|
|
<line x1="0" y1="325" x2="800" y2="325" stroke="#fff" stroke-width="4" stroke-dasharray="20,20"/>
|
|
|
|
<!-- Person -->
|
|
<circle cx="300" cy="200" r="40" fill="#FF6B35"/>
|
|
<text x="300" y="215" text-anchor="middle" font-size="40" fill="white">👷</text>
|
|
|
|
<!-- Phone -->
|
|
<rect x="340" y="180" width="30" height="50" rx="5" fill="#333"/>
|
|
<text x="355" y="215" text-anchor="middle" font-size="20" fill="white">📱</text>
|
|
|
|
<!-- Safety cone -->
|
|
<polygon points="500,250 520,180 540,250" fill="#FF6B35"/>
|
|
<text x="520" y="230" text-anchor="middle" font-size="20" fill="white">⚠️</text>
|
|
|
|
<!-- Distance marker -->
|
|
<line x1="350" y1="250" x2="500" y2="250" stroke="#00C853" stroke-width="3" stroke-dasharray="10,5"/>
|
|
<text x="425" y="240" text-anchor="middle" font-size="14" fill="#00C853">Säkert avstånd</text>
|
|
|
|
<!-- Car -->
|
|
<text x="650" y="220" text-anchor="middle" font-size="50" fill="#666">🚗</text>
|
|
|
|
<text x="400" y="380" text-anchor="middle" font-size="16" fill="#666">Bär alltid reflexväst och håll säkert avstånd från trafik</text>
|
|
</svg>
|
|
|
|
<!-- m5l1: Batch -->
|
|
<svg class="svg-illustration" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="800" height="400" fill="#e8f5e9"/>
|
|
|
|
<!-- Route -->
|
|
<path d="M 100 200 Q 200 100 300 200 T 500 200 T 700 200" fill="none" stroke="#00C853" stroke-width="8" stroke-linecap="round"/>
|
|
|
|
<!-- Points -->
|
|
<circle cx="100" cy="200" r="30" fill="#0066FF"/>
|
|
<text x="100" y="210" text-anchor="middle" font-size="20" fill="white">A</text>
|
|
|
|
<circle cx="300" cy="200" r="30" fill="#0066FF"/>
|
|
<text x="300" y="210" text-anchor="middle" font-size="20" fill="white">B</text>
|
|
|
|
<circle cx="500" cy="200" r="30" fill="#0066FF"/>
|
|
<text x="500" y="210" text-anchor="middle" font-size="20" fill="white">C</text>
|
|
|
|
<circle cx="700" cy="200" r="30" fill="#0066FF"/>
|
|
<text x="700" y="210" text-anchor="middle" font-size="20" fill="white">D</text>
|
|
|
|
<!-- Person -->
|
|
<text x="400" y="120" text-anchor="middle" font-size="40" fill="#00C853">🚴</text>
|
|
<text x="400" y="80" text-anchor="middle" font-size="14" fill="#00C853">Effektiv rutt</text>
|
|
|
|
<text x="400" y="350" text-anchor="middle" font-size="16" fill="#666">Planera din rutt för att spara tid och maximera inkomsten</text>
|
|
</svg>
|
|
|
|
<!-- m6l1: Payments -->
|
|
<svg class="svg-illustration" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="800" height="400" fill="#f5f5f7"/>
|
|
|
|
<!-- Step 1 -->
|
|
<circle cx="100" cy="200" r="50" fill="#00C853"/>
|
|
<text x="100" y="190" text-anchor="middle" font-size="30" fill="white">📸</text>
|
|
<text x="100" y="280" text-anchor="middle" font-size="12" fill="#666">Godkänd</text>
|
|
|
|
<!-- Arrow -->
|
|
<text x="200" y="210" text-anchor="middle" font-size="30" fill="#999">→</text>
|
|
|
|
<!-- Step 2 -->
|
|
<circle cx="300" cy="200" r="50" fill="#0066FF"/>
|
|
<text x="300" y="190" text-anchor="middle" font-size="30" fill="white">🤖</text>
|
|
<text x="300" y="280" text-anchor="middle" font-size="12" fill="#666">AI-granskning</text>
|
|
|
|
<!-- Arrow -->
|
|
<text x="400" y="210" text-anchor="middle" font-size="30" fill="#999">→</text>
|
|
|
|
<!-- Step 3 -->
|
|
<circle cx="500" cy="200" r="50" fill="#7B61FF"/>
|
|
<text x="500" y="190" text-anchor="middle" font-size="30" fill="white">✓</text>
|
|
<text x="500" y="280" text-anchor="middle" font-size="12" fill="#666">Godkännande</text>
|
|
|
|
<!-- Arrow -->
|
|
<text x="600" y="210" text-anchor="middle" font-size="30" fill="#999">→</text>
|
|
|
|
<!-- Step 4 -->
|
|
<circle cx="700" cy="200" r="50" fill="#FFD600"/>
|
|
<text x="700" y="190" text-anchor="middle" font-size="30" fill="white">💰</text>
|
|
<text x="700" y="280" text-anchor="middle" font-size="12" fill="#666">Utbetalning</text>
|
|
|
|
<text x="400" y="350" text-anchor="middle" font-size="16" fill="#666">Från godkänd bild till utbetalning — varje måndag</text>
|
|
</svg>
|