| 1 | --- |
| 2 | const accent = "var(--alc-accent-deep)"; |
| 3 | const ok = "var(--alc-success)"; |
| 4 | const open = "#1A7F37"; |
| 5 | --- |
| 6 | |
| 7 | <svg viewBox="0 0 280 130" width="100%" height="100%" aria-hidden="true" preserveAspectRatio="xMidYMid meet"> |
| 8 | <!-- PR badge (left) --> |
| 9 | <g transform="translate(18 38)"> |
| 10 | <rect width="92" height="54" rx="8" fill="var(--alc-bg-elev-1)" stroke="var(--alc-hairline-2)" stroke-width="1" /> |
| 11 | <!-- pull-request glyph --> |
| 12 | <g transform="translate(10 14)" fill="none" stroke={open} stroke-width="1.6"> |
| 13 | <circle cx="4" cy="4" r="3" /> |
| 14 | <line x1="4" y1="7" x2="4" y2="20" /> |
| 15 | <circle cx="4" cy="22" r="3" /> |
| 16 | <circle cx="18" cy="22" r="3" /> |
| 17 | <path d="M18 4 L18 19 M18 4 L14 8 M18 4 L22 8" /> |
| 18 | </g> |
| 19 | <text x="42" y="22" font-family="var(--alc-font-sans)" font-size="11" font-weight="600" fill="var(--alc-fg-1)">PR #147</text> |
| 20 | <text x="42" y="36" font-family="var(--alc-font-mono)" font-size="9" fill="var(--alc-fg-3)">@alice</text> |
| 21 | <!-- Open badge --> |
| 22 | <g transform="translate(42 42)"> |
| 23 | <rect width="38" height="12" rx="6" fill="rgba(26, 127, 55, 0.14)" stroke={open} stroke-width="0.8" /> |
| 24 | <text x="19" y="9" text-anchor="middle" font-family="var(--alc-font-sans)" font-size="9" font-weight="600" fill={open}>Open</text> |
| 25 | </g> |
| 26 | </g> |
| 27 | |
| 28 | <!-- arrow --> |
| 29 | <g stroke={accent} stroke-width="1.4" fill="none"> |
| 30 | <path d="M 116 65 L 158 65" /> |
| 31 | <path d="M 152 60 L 158 65 L 152 70" stroke-linejoin="round" stroke-linecap="round" /> |
| 32 | </g> |
| 33 | <text x="137" y="58" text-anchor="middle" font-family="var(--alc-font-mono)" font-size="8" fill="var(--alc-fg-3)">deploy</text> |
| 34 | |
| 35 | <!-- preview pill (right) --> |
| 36 | <g transform="translate(166 38)"> |
| 37 | <rect width="96" height="54" rx="8" fill="var(--alc-bg-elev-1)" stroke={ok} stroke-width="1.2" /> |
| 38 | <text x="10" y="22" font-family="var(--alc-font-sans)" font-size="11" font-weight="600" fill="var(--alc-fg-1)">preview</text> |
| 39 | <circle cx="80" cy="18" r="3.5" fill={ok} /> |
| 40 | <text x="10" y="38" font-family="var(--alc-font-mono)" font-size="9" fill={accent}>pr-147.workers.dev</text> |
| 41 | <g transform="translate(10 44)"> |
| 42 | <rect width="44" height="12" rx="6" fill="rgba(76, 137, 88, 0.16)" stroke={ok} stroke-width="0.8" /> |
| 43 | <text x="22" y="9" text-anchor="middle" font-family="var(--alc-font-sans)" font-size="9" font-weight="600" fill={ok}>Ready</text> |
| 44 | </g> |
| 45 | </g> |
| 46 | |
| 47 | <!-- caption --> |
| 48 | <text x="140" y="118" text-anchor="middle" font-family="var(--alc-font-hand)" font-size="13" fill={accent} font-style="italic"> |
| 49 | every PR. preview. destroy. |
| 50 | </text> |
| 51 | </svg> |