m3taversal
f63eb8000a
Mechanical space→hyphen conversion in frontmatter references (related_claims, challenges, supports, etc.) to match actual filenames. Fixes 26.9% broken link rate found by wiki-link audit. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
100 lines
No EOL
4.8 KiB
XML
100 lines
No EOL
4.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 675" width="1200" height="675">
|
|
<defs>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap');
|
|
text { font-family: 'JetBrains Mono', 'IBM Plex Mono', 'Fira Code', monospace; }
|
|
</style>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="1200" height="675" fill="#0D1117"/>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- AXES — clear, labeled -->
|
|
<!-- ========================================== -->
|
|
|
|
<!-- Y-axis -->
|
|
<line x1="160" y1="80" x2="160" y2="520" stroke="#30363D" stroke-width="1"/>
|
|
<!-- X-axis -->
|
|
<line x1="160" y1="520" x2="1080" y2="520" stroke="#30363D" stroke-width="1"/>
|
|
|
|
<!-- Y-axis label -->
|
|
<text x="30" y="300" fill="#8B949E" font-size="14" font-weight="400" letter-spacing="0.06em" text-anchor="middle" transform="rotate(-90, 30, 300)">COLLECTIVE OUTCOME</text>
|
|
|
|
<!-- X-axis label -->
|
|
<text x="620" y="555" fill="#8B949E" font-size="14" font-weight="400" letter-spacing="0.06em" text-anchor="middle">AI CAPABILITY</text>
|
|
<!-- X-axis arrow -->
|
|
<polygon points="1080,520 1095,515 1095,525" fill="#30363D"/>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- AMBER GAP FILL — strong visibility -->
|
|
<!-- ========================================== -->
|
|
|
|
<path d="M 200,380
|
|
C 320,370 480,340 620,280
|
|
C 760,220 880,155 1020,100
|
|
L 1020,460
|
|
C 880,435 760,415 620,400
|
|
C 480,388 320,383 200,380 Z"
|
|
fill="rgba(212, 167, 44, 0.30)"/>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- COOPERATIVE OPTIMUM (green, solid, thick) -->
|
|
<!-- ========================================== -->
|
|
|
|
<path d="M 200,380
|
|
C 320,370 480,340 620,280
|
|
C 760,220 880,155 1020,100"
|
|
fill="none" stroke="#3FB950" stroke-width="4" stroke-linecap="round"/>
|
|
|
|
<!-- Endpoint label — anchored box style (omarsar0 pattern) -->
|
|
<rect x="870" y="55" width="240" height="50" rx="4" fill="rgba(63, 185, 80, 0.10)" stroke="#3FB950" stroke-width="1"/>
|
|
<text x="990" y="78" fill="#3FB950" font-size="16" font-weight="600" letter-spacing="0.04em" text-anchor="middle">COOPERATION</text>
|
|
<text x="990" y="96" fill="#8B949E" font-size="11" font-weight="400" text-anchor="middle">what's achievable together</text>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- COMPETITIVE EQUILIBRIUM (red, dashed) -->
|
|
<!-- ========================================== -->
|
|
|
|
<path d="M 200,380
|
|
C 320,383 480,388 620,400
|
|
C 760,415 880,435 1020,460"
|
|
fill="none" stroke="#F85149" stroke-width="3" stroke-dasharray="8,5" stroke-linecap="round"/>
|
|
|
|
<!-- Endpoint label — anchored box style -->
|
|
<rect x="870" y="470" width="240" height="50" rx="4" fill="rgba(248, 81, 73, 0.10)" stroke="#F85149" stroke-width="1"/>
|
|
<text x="990" y="493" fill="#F85149" font-size="16" font-weight="600" letter-spacing="0.04em" text-anchor="middle">COMPETITION</text>
|
|
<text x="990" y="511" fill="#8B949E" font-size="11" font-weight="400" text-anchor="middle">where self-interest lands us</text>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- ORIGIN POINT -->
|
|
<!-- ========================================== -->
|
|
|
|
<circle cx="200" cy="380" r="6" fill="#E6EDF3"/>
|
|
<text x="220" y="374" fill="#8B949E" font-size="12" font-weight="400">today</text>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- PRICE OF ANARCHY — the gap, dominant label -->
|
|
<!-- ========================================== -->
|
|
|
|
<!-- Bracket: top tick -->
|
|
<line x1="780" y1="195" x2="800" y2="195" stroke="#D4A72C" stroke-width="1.5"/>
|
|
<!-- Bracket: vertical -->
|
|
<line x1="790" y1="195" x2="790" y2="425" stroke="#D4A72C" stroke-width="1.5"/>
|
|
<!-- Bracket: bottom tick -->
|
|
<line x1="780" y1="425" x2="800" y2="425" stroke="#D4A72C" stroke-width="1.5"/>
|
|
|
|
<!-- Gap label — large, prominent -->
|
|
<text x="820" y="290" fill="#D4A72C" font-size="22" font-weight="600" letter-spacing="0.06em">PRICE OF</text>
|
|
<text x="820" y="318" fill="#D4A72C" font-size="22" font-weight="600" letter-spacing="0.06em">ANARCHY</text>
|
|
<text x="820" y="345" fill="#8B949E" font-size="13" font-weight="400">wasted potential</text>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- EXPLANATORY FOOTER -->
|
|
<!-- ========================================== -->
|
|
|
|
<text x="600" y="590" fill="#8B949E" font-size="14" font-weight="400" text-anchor="middle">the gap between what's possible and what competition produces</text>
|
|
|
|
<!-- Bottom strip -->
|
|
<text x="60" y="650" fill="#484F58" font-size="10" font-weight="400">TELEO · as AI capability grows, the cost of failing to coordinate grows with it</text>
|
|
</svg> |