Current section
Files
Jump to
Current section
Files
assets/altar_ai.svg
<svg width="200" height="200" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="hexFill" x1="18%" y1="8%" x2="82%" y2="92%">
<stop offset="0%" stop-color="#101a2f"/>
<stop offset="45%" stop-color="#0c1524"/>
<stop offset="100%" stop-color="#0f1b2d"/>
</linearGradient>
<linearGradient id="frameStroke" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#56f2ff"/>
<stop offset="50%" stop-color="#7ce5ff"/>
<stop offset="100%" stop-color="#a36cff"/>
</linearGradient>
<linearGradient id="ringStroke" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#1b8dff" stop-opacity="0.7"/>
<stop offset="100%" stop-color="#64fff2" stop-opacity="0.6"/>
</linearGradient>
<linearGradient id="connectorStroke" x1="20%" y1="30%" x2="80%" y2="70%">
<stop offset="0%" stop-color="#63f0ff"/>
<stop offset="100%" stop-color="#a884ff"/>
</linearGradient>
<radialGradient id="coreGlow" cx="50%" cy="50%" r="60%">
<stop offset="0%" stop-color="#76fff2" stop-opacity="0.95"/>
<stop offset="45%" stop-color="#62d4ff" stop-opacity="0.5"/>
<stop offset="100%" stop-color="#0b1930" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nodeFill" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.9"/>
<stop offset="100%" stop-color="#6de4ff" stop-opacity="0.85"/>
</radialGradient>
<linearGradient id="sheen" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.16"/>
<stop offset="40%" stop-color="#ffffff" stop-opacity="0"/>
<stop offset="100%" stop-color="#ffffff" stop-opacity="0.1"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="14" stdDeviation="18" flood-color="#02060d" flood-opacity="0.55"/>
</filter>
<clipPath id="hexClip">
<path d="M120 12 L206 62 L206 158 L120 208 L34 158 L34 62 Z"/>
</clipPath>
</defs>
<g filter="url(#shadow)" stroke-linecap="round" stroke-linejoin="round">
<path d="M120 12 L206 62 L206 158 L120 208 L34 158 L34 62 Z"
fill="url(#hexFill)"
stroke="url(#frameStroke)"
stroke-width="8"/>
<path d="M120 34 L186 72 L186 148 L120 186 L54 148 L54 72 Z"
fill="none"
stroke="url(#ringStroke)"
stroke-width="4"/>
<g clip-path="url(#hexClip)">
<circle cx="120" cy="120" r="70" fill="url(#coreGlow)"/>
<rect x="0" y="0" width="240" height="240" fill="url(#sheen)" opacity="0.45" transform="rotate(-8 120 120)"/>
</g>
<g fill="none" stroke="url(#connectorStroke)" stroke-width="5" opacity="0.95">
<path d="M66 128 Q120 82 174 128"/>
<path d="M66 112 Q120 158 174 112"/>
<path d="M120 70 L120 170"/>
<path d="M90 92 L150 148"/>
<path d="M150 92 L90 148"/>
</g>
<g fill="url(#nodeFill)" stroke="#0b1a2a" stroke-width="1.5">
<circle cx="120" cy="120" r="11"/>
<circle cx="120" cy="78" r="7"/>
<circle cx="120" cy="168" r="7"/>
<circle cx="78" cy="120" r="6"/>
<circle cx="162" cy="120" r="6"/>
<circle cx="94" cy="94" r="5.5"/>
<circle cx="146" cy="94" r="5.5"/>
<circle cx="94" cy="146" r="5.5"/>
<circle cx="146" cy="146" r="5.5"/>
</g>
</g>
</svg>