Ethanfel
3319c78de0
GitHub strips inline SVGs from Markdown for security. Moved the 3 diagrams (banner, node diagram, segment lookup) to assets/ and reference them with <img> tags instead. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
54 lines
3.4 KiB
XML
54 lines
3.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="520" height="200" viewBox="0 0 520 200">
|
|
<defs>
|
|
<linearGradient id="segBg" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#2d2d3d" />
|
|
<stop offset="100%" style="stop-color:#1e1e2e" />
|
|
</linearGradient>
|
|
<marker id="segArrow" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
|
<polygon points="0 0, 8 3, 0 6" fill="#2b9348"/>
|
|
</marker>
|
|
</defs>
|
|
|
|
<!-- JSON file -->
|
|
<rect x="10" y="10" width="160" height="180" rx="8" fill="url(#segBg)" stroke="#0f3460" stroke-width="1.5" />
|
|
<text x="90" y="30" text-anchor="middle" fill="#0f3460" font-family="monospace" font-size="11" font-weight="bold">batch_data[]</text>
|
|
|
|
<!-- Segment boxes -->
|
|
<rect x="22" y="42" width="136" height="38" rx="5" fill="#1a1a2e" stroke="#555" stroke-width="1" />
|
|
<text x="90" y="56" text-anchor="middle" fill="#6bcb77" font-family="monospace" font-size="9">seq 1: city, seed=42</text>
|
|
<text x="90" y="70" text-anchor="middle" fill="#888" font-family="monospace" font-size="8">camera=static, flf=0.0</text>
|
|
|
|
<rect x="22" y="86" width="136" height="38" rx="5" fill="#1a1a2e" stroke="#2b9348" stroke-width="2" />
|
|
<text x="90" y="100" text-anchor="middle" fill="#2b9348" font-family="monospace" font-size="9">seq 2: close-up, seed=108</text>
|
|
<text x="90" y="114" text-anchor="middle" fill="#888" font-family="monospace" font-size="8">camera=pan_left, flf=0.5</text>
|
|
|
|
<rect x="22" y="130" width="136" height="38" rx="5" fill="#1a1a2e" stroke="#555" stroke-width="1" />
|
|
<text x="90" y="144" text-anchor="middle" fill="#6bcb77" font-family="monospace" font-size="9">seq 3: aerial, seed=77</text>
|
|
<text x="90" y="158" text-anchor="middle" fill="#888" font-family="monospace" font-size="8">camera=zoom_in, flf=0.8</text>
|
|
|
|
<!-- Arrow -->
|
|
<line x1="170" y1="105" x2="210" y2="105" stroke="#2b9348" stroke-width="2" marker-end="url(#segArrow)"/>
|
|
<text x="190" y="95" text-anchor="middle" fill="#2b9348" font-family="monospace" font-size="9">seq=2</text>
|
|
|
|
<!-- Node -->
|
|
<rect x="210" y="60" width="180" height="90" rx="8" fill="url(#segBg)" stroke="#2b9348" stroke-width="2" />
|
|
<rect x="210" y="60" width="180" height="22" rx="8" fill="#2b9348" />
|
|
<rect x="210" y="74" width="180" height="8" fill="#2b9348" />
|
|
<text x="300" y="77" text-anchor="middle" fill="#fff" font-family="sans-serif" font-size="10" font-weight="bold">JSON Dynamic Loader</text>
|
|
|
|
<circle cx="390" cy="100" r="4" fill="#6bcb77"/>
|
|
<text x="380" y="103" text-anchor="end" fill="#ccc" font-family="monospace" font-size="9">general_prompt</text>
|
|
<circle cx="390" cy="116" r="4" fill="#4d96ff"/>
|
|
<text x="380" y="119" text-anchor="end" fill="#ccc" font-family="monospace" font-size="9">seed</text>
|
|
<circle cx="390" cy="132" r="4" fill="#6bcb77"/>
|
|
<text x="380" y="135" text-anchor="end" fill="#ccc" font-family="monospace" font-size="9">camera</text>
|
|
|
|
<!-- Output values -->
|
|
<line x1="394" y1="100" x2="420" y2="100" stroke="#6bcb77" stroke-width="1"/>
|
|
<text x="425" y="103" fill="#888" font-family="monospace" font-size="9">"Close-up of the protagonist"</text>
|
|
<line x1="394" y1="116" x2="420" y2="116" stroke="#4d96ff" stroke-width="1"/>
|
|
<text x="425" y="119" fill="#888" font-family="monospace" font-size="9">108</text>
|
|
<line x1="394" y1="132" x2="420" y2="132" stroke="#6bcb77" stroke-width="1"/>
|
|
<text x="425" y="135" fill="#888" font-family="monospace" font-size="9">"pan_left"</text>
|
|
</svg>
|