| 1 | --- |
| 2 | const accent = "var(--alc-accent-deep)"; |
| 3 | const ok = "var(--alc-success)"; |
| 4 | const warn = "var(--alc-warn)"; |
| 5 | const err = "var(--alc-danger)"; |
| 6 | --- |
| 7 | |
| 8 | <svg viewBox="0 0 280 130" width="100%" height="100%" aria-hidden="true" preserveAspectRatio="xMidYMid meet"> |
| 9 | <!-- big lambda symbol --> |
| 10 | <text |
| 11 | x="36" |
| 12 | y="92" |
| 13 | font-family="var(--alc-font-serif)" |
| 14 | font-size="92" |
| 15 | font-weight="500" |
| 16 | fill={accent} |
| 17 | opacity="0.85" |
| 18 | >λ</text> |
| 19 | |
| 20 | <!-- pipe to typed channels --> |
| 21 | <line x1="115" y1="65" x2="155" y2="65" stroke={accent} stroke-width="1.4" /> |
| 22 | |
| 23 | <!-- three typed channels --> |
| 24 | <g transform="translate(155 30)" font-family="var(--alc-font-mono)" font-size="10.5"> |
| 25 | <rect x="0" y="0" width="100" height="20" rx="5" fill="rgba(76, 137, 88, 0.12)" stroke={ok} stroke-width="1.2" /> |
| 26 | <circle cx="9" cy="10" r="3" fill={ok} /> |
| 27 | <text x="18" y="13.5" fill="var(--alc-fg-1)">Result<A></text> |
| 28 | |
| 29 | <rect x="0" y="26" width="100" height="20" rx="5" fill="rgba(212, 145, 39, 0.12)" stroke={warn} stroke-width="1.2" /> |
| 30 | <circle cx="9" cy="36" r="3" fill={warn} /> |
| 31 | <text x="18" y="39.5" fill="var(--alc-fg-1)">Retry × 3</text> |
| 32 | |
| 33 | <rect x="0" y="52" width="100" height="20" rx="5" fill="rgba(193, 84, 84, 0.12)" stroke={err} stroke-width="1.2" /> |
| 34 | <circle cx="9" cy="62" r="3" fill={err} /> |
| 35 | <text x="18" y="65.5" fill="var(--alc-fg-1)">Typed Error</text> |
| 36 | </g> |
| 37 | |
| 38 | <!-- caption --> |
| 39 | <text x="140" y="118" text-anchor="middle" font-family="var(--alc-font-hand)" font-size="13" fill={accent} font-style="italic"> |
| 40 | typed errors · retries · streams |
| 41 | </text> |
| 42 | </svg> |