Current section
Files
Jump to
Current section
Files
assets/codex_sdk.svg
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- Hexagon background -->
<defs>
<linearGradient id="hexGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#6B21A8;stop-opacity:1" />
<stop offset="100%" style="stop-color:#A855F7;stop-opacity:1" />
</linearGradient>
<linearGradient id="codeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#60A5FA;stop-opacity:1" />
<stop offset="100%" style="stop-color:#10B981;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Hexagon shape (Elixir style) -->
<path d="M 100 10 L 173.2 50 L 173.2 130 L 100 170 L 26.8 130 L 26.8 50 Z"
fill="url(#hexGradient)"
stroke="#4C1D95"
stroke-width="3"/>
<!-- Code bracket symbols representing Codex -->
<g transform="translate(100, 100)">
<!-- Left bracket -->
<path d="M -35 -40 L -45 -40 L -55 -30 L -55 30 L -45 40 L -35 40"
fill="none"
stroke="#FFFFFF"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"/>
<!-- Right bracket -->
<path d="M 35 -40 L 45 -40 L 55 -30 L 55 30 L 45 40 L 35 40"
fill="none"
stroke="#FFFFFF"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"/>
<!-- Center code lines with gradient -->
<line x1="-25" y1="-25" x2="15" y2="-25" stroke="url(#codeGradient)" stroke-width="4" stroke-linecap="round"/>
<line x1="-20" y1="-10" x2="20" y2="-10" stroke="url(#codeGradient)" stroke-width="4" stroke-linecap="round"/>
<line x1="-25" y1="5" x2="10" y2="5" stroke="url(#codeGradient)" stroke-width="4" stroke-linecap="round"/>
<line x1="-20" y1="20" x2="25" y2="20" stroke="url(#codeGradient)" stroke-width="4" stroke-linecap="round"/>
</g>
<!-- Small Elixir drop accent in corner -->
<path d="M 150 60 Q 145 50 150 40 Q 155 50 150 60 Z"
fill="#A855F7"
opacity="0.6"/>
</svg>