Move SVG diagrams to separate files for GitHub rendering

Inline SVGs are stripped by GitHub's markdown sanitizer. Moved all 11
diagrams to docs/diagrams/*.svg and referenced them with <img> tags.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-22 13:25:14 +01:00
parent f71afeeae9
commit 7c584bd0d7
12 changed files with 258 additions and 247 deletions

View File

@@ -0,0 +1,33 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 100" style="max-width:600px">
<text y="12" font-size="10" font-family="sans-serif" fill="#888">Example: 4 keyframes, target_frames=81, positions auto-spread to 0, 27, 53, 80</text>
<text y="30" font-size="11" font-family="sans-serif" fill="#888">mask</text>
<rect x="0" y="36" width="30" height="26" rx="4" fill="#222"/>
<text x="15" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">B</text>
<rect x="30" y="36" width="150" height="26" rx="4" fill="#fff" stroke="#ccc"/>
<text x="105" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#333">W × 26</text>
<rect x="180" y="36" width="30" height="26" rx="4" fill="#222"/>
<text x="195" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">B</text>
<rect x="210" y="36" width="140" height="26" rx="4" fill="#fff" stroke="#ccc"/>
<text x="280" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#333">W × 25</text>
<rect x="350" y="36" width="30" height="26" rx="4" fill="#222"/>
<text x="365" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">B</text>
<rect x="380" y="36" width="150" height="26" rx="4" fill="#fff" stroke="#ccc"/>
<text x="455" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#333">W × 26</text>
<rect x="530" y="36" width="30" height="26" rx="4" fill="#222"/>
<text x="545" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">B</text>
<text y="78" font-size="11" font-family="sans-serif" fill="#888">control_frames</text>
<rect x="0" y="84" width="30" height="26" rx="4" fill="#4a9ebb"/>
<text x="15" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">k0</text>
<rect x="30" y="84" width="150" height="26" rx="4" fill="#999"/>
<text x="105" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">GREY</text>
<rect x="180" y="84" width="30" height="26" rx="4" fill="#4a9ebb"/>
<text x="195" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">k1</text>
<rect x="210" y="84" width="140" height="26" rx="4" fill="#999"/>
<text x="280" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">GREY</text>
<rect x="350" y="84" width="30" height="26" rx="4" fill="#4a9ebb"/>
<text x="365" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">k2</text>
<rect x="380" y="84" width="150" height="26" rx="4" fill="#999"/>
<text x="455" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">GREY</text>
<rect x="530" y="84" width="30" height="26" rx="4" fill="#4a9ebb"/>
<text x="545" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">k3</text>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB