mirror of
https://github.com/MinaSaad1/pbi-cli
synced 2026-04-21 13:37:19 +00:00
756a7c98e3
Remove the VIBE BI block-art header and marketing branding that was added to all 17 assets in v3.10.3. Restore each SVG to its original content focused on the feature it illustrates (chat demo, DAX debugging, architecture flow, etc.) without the promotional overlay.
111 lines
6.4 KiB
XML
111 lines
6.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="850" height="345" viewBox="0 0 850 345" font-family="'Segoe UI', system-ui, sans-serif">
|
|
|
|
<!-- Background -->
|
|
<rect width="100%" height="100%" fill="#0d1117" rx="8"/>
|
|
|
|
<!-- Title -->
|
|
<text x="425" y="36" font-size="19" fill="#F2C811" font-weight="bold" text-anchor="middle">Why pbi-cli?</text>
|
|
|
|
<!-- LEFT panel -->
|
|
<rect x="15" y="50" width="385" height="285" rx="10" fill="#160a0a" stroke="#ff4444" stroke-width="1.5"/>
|
|
|
|
<!-- LEFT panel header (top-rounded only via path) -->
|
|
<path d="M 25,50 L 390,50 A 10,10 0 0,1 400,60 L 400,94 L 15,94 L 15,60 A 10,10 0 0,1 25,50 Z" fill="#ff4444" fill-opacity="0.15"/>
|
|
<text x="207" y="77" font-size="15" fill="#ff6b6b" font-weight="bold" text-anchor="middle">✗ WITHOUT pbi-cli</text>
|
|
|
|
<!-- RIGHT panel -->
|
|
<rect x="450" y="50" width="385" height="285" rx="10" fill="#0a1612" stroke="#06d6a0" stroke-width="1.5"/>
|
|
|
|
<!-- RIGHT panel header (top-rounded only via path) -->
|
|
<path d="M 460,50 L 825,50 A 10,10 0 0,1 835,60 L 835,94 L 450,94 L 450,60 A 10,10 0 0,1 460,50 Z" fill="#06d6a0" fill-opacity="0.12"/>
|
|
<text x="642" y="77" font-size="15" fill="#06d6a0" font-weight="bold" text-anchor="middle">✓ WITH pbi-cli</text>
|
|
|
|
<!-- LEFT token metric card -->
|
|
<rect x="35" y="102" width="345" height="76" rx="8" fill="#ff4444" fill-opacity="0.07" stroke="#ff4444" stroke-opacity="0.25" stroke-width="1"/>
|
|
<text x="207" y="149" font-size="44" fill="#ff4444" font-weight="bold" text-anchor="middle">4,000+</text>
|
|
<text x="207" y="168" font-size="10" fill="#8b949e" text-anchor="middle" letter-spacing="2">TOKENS PER OPERATION</text>
|
|
|
|
<!-- RIGHT token metric card -->
|
|
<rect x="470" y="102" width="345" height="76" rx="8" fill="#06d6a0" fill-opacity="0.07" stroke="#06d6a0" stroke-opacity="0.25" stroke-width="1"/>
|
|
<text x="642" y="149" font-size="44" fill="#06d6a0" font-weight="bold" text-anchor="middle">~30</text>
|
|
<text x="642" y="168" font-size="10" fill="#8b949e" text-anchor="middle" letter-spacing="2">TOKENS PER OPERATION</text>
|
|
|
|
<!-- LEFT token comparison bar (full width = expensive) -->
|
|
<rect x="35" y="186" width="345" height="7" rx="3.5" fill="#ff4444" fill-opacity="0.6"/>
|
|
|
|
<!-- RIGHT token comparison bars -->
|
|
<rect x="470" y="186" width="345" height="7" rx="3.5" fill="#06d6a0" fill-opacity="0.1"/>
|
|
<rect x="470" y="186" width="26" height="7" rx="3.5" fill="#06d6a0" fill-opacity="0.8"/>
|
|
|
|
<!-- ======================== -->
|
|
<!-- LEFT feature rows -->
|
|
<!-- ======================== -->
|
|
|
|
<!-- Row 1 -->
|
|
<rect x="35" y="202" width="345" height="40" rx="6" fill="#ff4444" fill-opacity="0.05"/>
|
|
<g transform="translate(52,211)">
|
|
<rect x="0" y="0" width="24" height="20" rx="2" fill="none" stroke="#ff6b6b" stroke-width="1.5"/>
|
|
<line x1="0" y1="7" x2="24" y2="7" stroke="#ff6b6b" stroke-width="1.5"/>
|
|
<circle cx="4" cy="3.5" r="1.5" fill="#ff6b6b" opacity="0.7"/>
|
|
<circle cx="9" cy="3.5" r="1.5" fill="#ff6b6b" opacity="0.7"/>
|
|
<circle cx="14" cy="3.5" r="1.5" fill="#ff6b6b" opacity="0.7"/>
|
|
</g>
|
|
<text x="90" y="218" font-size="12" fill="#c9d1d9" font-weight="bold">GUI-only workflow</text>
|
|
<text x="90" y="234" font-size="10.5" fill="#8b949e">Click through every change manually</text>
|
|
|
|
<!-- Row 2 -->
|
|
<rect x="35" y="247" width="345" height="40" rx="6" fill="#ff4444" fill-opacity="0.05"/>
|
|
<g transform="translate(52,256)">
|
|
<circle cx="12" cy="11" r="11" fill="none" stroke="#ff6b6b" stroke-width="1.5"/>
|
|
<line x1="3.2" y1="3.2" x2="20.8" y2="18.8" stroke="#ff6b6b" stroke-width="1.5"/>
|
|
</g>
|
|
<text x="90" y="263" font-size="12" fill="#c9d1d9" font-weight="bold">No version control</text>
|
|
<text x="90" y="279" font-size="10.5" fill="#8b949e">Reports and models untrackable</text>
|
|
|
|
<!-- Row 3 -->
|
|
<rect x="35" y="292" width="345" height="40" rx="6" fill="#ff4444" fill-opacity="0.05"/>
|
|
<g transform="translate(52,301)">
|
|
<circle cx="12" cy="11" r="11" fill="none" stroke="#ff6b6b" stroke-width="1.5"/>
|
|
<line x1="3.2" y1="3.2" x2="20.8" y2="18.8" stroke="#ff6b6b" stroke-width="1.5"/>
|
|
</g>
|
|
<text x="90" y="308" font-size="12" fill="#c9d1d9" font-weight="bold">No AI automation</text>
|
|
<text x="90" y="324" font-size="10.5" fill="#8b949e">Cannot script or automate workflows</text>
|
|
|
|
<!-- ======================== -->
|
|
<!-- RIGHT feature rows -->
|
|
<!-- ======================== -->
|
|
|
|
<!-- Row 1 -->
|
|
<rect x="470" y="202" width="345" height="40" rx="6" fill="#06d6a0" fill-opacity="0.05"/>
|
|
<g transform="translate(487,211)">
|
|
<rect x="0" y="0" width="28" height="20" rx="3" fill="#06d6a0" fill-opacity="0.1" stroke="#06d6a0" stroke-width="1.5"/>
|
|
<text x="4" y="14" font-family="'Courier New', monospace" font-size="9" fill="#06d6a0">$ _</text>
|
|
</g>
|
|
<text x="528" y="218" font-size="12" fill="#c9d1d9" font-weight="bold">CLI-native commands</text>
|
|
<text x="528" y="234" font-size="10.5" fill="#8b949e">Automate from any terminal or script</text>
|
|
|
|
<!-- Row 2 -->
|
|
<rect x="470" y="247" width="345" height="40" rx="6" fill="#06d6a0" fill-opacity="0.05"/>
|
|
<g transform="translate(487,253)">
|
|
<circle cx="5" cy="5" r="4" fill="none" stroke="#06d6a0" stroke-width="1.5"/>
|
|
<circle cx="5" cy="23" r="4" fill="none" stroke="#06d6a0" stroke-width="1.5"/>
|
|
<circle cx="19" cy="10" r="4" fill="none" stroke="#06d6a0" stroke-width="1.5"/>
|
|
<line x1="5" y1="9" x2="5" y2="19" stroke="#06d6a0" stroke-width="1.5"/>
|
|
<path d="M 5,9 C 5,12 19,10 19,10" fill="none" stroke="#06d6a0" stroke-width="1.5"/>
|
|
</g>
|
|
<text x="528" y="263" font-size="12" fill="#c9d1d9" font-weight="bold">Full Git support</text>
|
|
<text x="528" y="279" font-size="10.5" fill="#8b949e">TMDL + PBIR diff, branch, review</text>
|
|
|
|
<!-- Row 3 -->
|
|
<rect x="470" y="292" width="345" height="40" rx="6" fill="#06d6a0" fill-opacity="0.05"/>
|
|
<g transform="translate(487,300)">
|
|
<path d="M 12,0 L 14,10 L 24,12 L 14,14 L 12,24 L 10,14 L 0,12 L 10,10 Z" fill="#06d6a0" fill-opacity="0.85"/>
|
|
</g>
|
|
<text x="528" y="308" font-size="12" fill="#c9d1d9" font-weight="bold">Claude AI builds everything</text>
|
|
<text x="528" y="324" font-size="10.5" fill="#8b949e">Models, measures, and report layouts</text>
|
|
|
|
<!-- VS badge (drawn last so it sits on top of both panels) -->
|
|
<circle cx="425" cy="215" r="28" fill="#0d1117" stroke="#F2C811" stroke-width="2"/>
|
|
<text x="425" y="221" font-size="15" fill="#F2C811" font-weight="bold" text-anchor="middle">VS</text>
|
|
|
|
</svg>
|
