125 lines
14 KiB
XML
125 lines
14 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 240" width="900" height="240" role="img" aria-label="Hi, I'm Quinta — developer and homelab tinkerer" xmlns:c2pa="http://c2pa.org/manifest"><metadata><c2pa:manifest>AAAWgmp1bWIAAAAeanVtZGMycGEAEQAQgAAAqgA4m3EDYzJwYQAAABZcanVtYgAAAEdqdW1kYzJtYQARABCAAACqADibcQN1cm46YzJwYTo5NGU2YzYxOC01OGIyLTRmNWQtOWI1OC1mOWE4MzY4YjYyMGUAAAADl2p1bWIAAAApanVtZGMyYXMAEQAQgAAAqgA4m3EDYzJwYS5hc3NlcnRpb25zAAAAALxqdW1iAAAARGp1bWRjYm9yABEAEIAAAKoAOJtxE2MycGEuaW5ncmVkaWVudC52MwAAAAAYYzJzaBTOzpdO3+DUEAZIfNQ+lvQAAABwY2JvcqNpZGM6Zm9ybWF0bWltYWdlL3N2Zyt4bWxqaW5zdGFuY2VJRHgseG1wOmlpZDo0ZTVhYzU5Zi1hYmJhLTQxMTMtYmUyMS0yY2QzOTIyZjVjODVscmVsYXRpb25zaGlwaHBhcmVudE9mAAAB4mp1bWIAAABBanVtZGNib3IAEQAQgAAAqgA4m3ETYzJwYS5hY3Rpb25zLnYyAAAAABhjMnNoV/GXgZczPyRDriQBXdz8YwAAAZljYm9yomdhY3Rpb25zgqJmYWN0aW9ua2MycGEub3BlbmVkanBhcmFtZXRlcnOha2luZ3JlZGllbnRzgaJjdXJseC1zZWxmI2p1bWJmPWMycGEuYXNzZXJ0aW9ucy9jMnBhLmluZ3JlZGllbnQudjNkaGFzaFggmIHWxs+QIAfx6gSY7cCnSJ5miApNjNr6quni1/bXlzukZmFjdGlvbngdY29tLmFudGhyb3BpYy5jbGF1ZGUucHJvdmlkZWRqcGFyYW1ldGVyc6F4H2NvbS5hbnRocm9waWMub3JpZ2luLWNvbmZpZGVuY2VndW5rbm93bmtkZXNjcmlwdGlvbnhmQ2xhdWRlIHByb3ZpZGVkIHRoaXMgZmlsZSBhdCB0aGUgcmVxdWVzdCBvZiBhIHVzZXIgYW5kIG1heSBoYXZlIGNyZWF0ZWQgb3IgbW9kaWZpZWQgdGhlIGZpbGUgY29udGVudHMubXNvZnR3YXJlQWdlbnShZG5hbWVmQ2xhdWRlcmFsbEFjdGlvbnNJbmNsdWRlZPUAAADIanVtYgAAAEBqdW1kY2JvcgARABCAAACqADibcRNjMnBhLmhhc2guZGF0YQAAAAAYYzJzaDlNQuP1bwWyBnOH3bNBD2YAAACAY2JvcqVjYWxnZnNoYTI1NmNwYWRNAAAAAAAAAAAAAAAAAGRoYXNoWCBIbcZdtO8Si/GjGhZLNQI2pQqOPqGKFXV0ibx4UMgrwGRuYW1lbmp1bWJmIG1hbmlmZXN0amV4Y2x1c2lvbnOBomVzdGFydBjgZmxlbmd0aBkeBAAAAj5qdW1iAAAAJ2p1bWRjMmNsABEAEIAAAKoAOJtxA2MycGEuY2xhaW0udjIAAAACD2Nib3KlY2FsZ2ZzaGEyNTZpc2lnbmF0dXJleE1zZWxmI2p1bWJmPS9jMnBhL3VybjpjMnBhOjk0ZTZjNjE4LTU4YjItNGY1ZC05YjU4LWY5YTgzNjhiNjIwZS9jMnBhLnNpZ25hdHVyZWppbnN0YW5jZUlEeCx4bXA6aWlkOjg2NGZiOGQ0LWU3ZTItNDhlYS1hOTcwLTgyODY4OWQ5NjE3NHJjcmVhdGVkX2Fzc2VydGlvbnODomN1cmx4LXNlbGYjanVtYmY9YzJwYS5hc3NlcnRpb25zL2MycGEuaW5ncmVkaWVudC52M2RoYXNoWCCYgdbGz5AgB/HqBJjtwKdInmaICk2M2vqq6eLX9teXO6JjdXJseCpzZWxmI2p1bWJmPWMycGEuYXNzZXJ0aW9ucy9jMnBhLmFjdGlvbnMudjJkaGFzaFggr0BKV+c3nnB7Lx/PiwN0pDgoCmM4NYQaEA5xXxkdEeWiY3VybHgpc2VsZiNqdW1iZj1jMnBhLmFzc2VydGlvbnMvYzJwYS5oYXNoLmRhdGFkaGFzaFggSXJ3LClWTWRicyhd90PLo1lsTedOyZ1sO3uDRrS6Lu50Y2xhaW1fZ2VuZXJhdG9yX2luZm+jZG5hbWVvQW50aHJvcGljIEZpbGVzZ3ZlcnNpb25lMS4wLjBrc3BlY1ZlcnNpb25lMi40LjAAABA4anVtYgAAAChqdW1kYzJjcwARABCAAACqADibcQNjMnBhLnNpZ25hdHVyZQAAABAIY2JvctKEWQISogEmGCFZAgowggIGMIIBjaADAgECAhRA5aAK7sI50L64g/oGQgU9Z1UTADAKBggqhkjOPQQDAzBJMRcwFQYDVQQKEw5BbnRocm9waWMsIFBCQzEuMCwGA1UEAxMlQW50aHJvcGljIENvbnRlbnQgQ3JlZGVudGlhbHMgUm9vdCBDQTAeFw0yNjA4MDcxODQzNTZaFw0yODA4MDYxOTQzNTZaMEQxFzAVBgNVBAoTDkFudGhyb3BpYywgUEJDMSkwJwYDVQQDEyBBbnRocm9waWMgQ2xhdWRlIENvbnRlbnQgU2lnbmluZzBZMBMGByqGSM49AgEGCCqGSM49AwEHA0IABJh6CmvLUBgFFNU0vUKlOVtE6djd17L5SuwX0LemFisBM3dkd/3cyjxFA3Qo5S46fX0/ihY0VZ7mfb9KF703t5OjWDBWMA4GA1UdDwEB/wQEAwIHgDAVBgNVHSUEDjAMBgorBgEEAYPoXgIBMAwGA1UdEwEB/wQCMAAwHwYDVR0jBBgwFoAUzlHiBIFOZFsj+OPEz5o+nMHXXMIwCgYIKoZIzj0EAwMDZwAwZAIwMXMdFJ4BetLLVY7ORuE9noqbbAZOZn/aArXyTwFAZfKrPzxF2vPoJNf1+UCdg1XGAjBwX1zd9WGqYkqmL5SFqw1QySjr1zJfpJM9+1rdDwSPLMOPOjKuiXjoU/pUUeG9RwmhY3BhZFkNngAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPZYQOWb3rlRaj65fHYDiOxeJj63glHBTZLC+GsIbMxtEj6pk/12NIAktEsdxDseHOMAY0lcvt3kkNqVyAMkOlGtbik=</c2pa:manifest></metadata>
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#231e1a"/>
|
|
<stop offset="1" stop-color="#15120f"/>
|
|
</linearGradient>
|
|
<linearGradient id="strip" x1="0" x2="1">
|
|
<stop offset="0" stop-color="#d98a5f"/>
|
|
<stop offset=".35" stop-color="#e3a26f"/>
|
|
<stop offset=".65" stop-color="#dcbb72"/>
|
|
<stop offset="1" stop-color="#a8bb7c"/>
|
|
</linearGradient>
|
|
<linearGradient id="tea" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#d98a5f"/>
|
|
<stop offset="1" stop-color="#a8603f"/>
|
|
</linearGradient>
|
|
<radialGradient id="glow" cx=".5" cy=".5" r=".5">
|
|
<stop offset="0" stop-color="#d98a5f" stop-opacity=".35"/>
|
|
<stop offset="1" stop-color="#d98a5f" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<clipPath id="card"><rect width="900" height="240" rx="18"/></clipPath>
|
|
<clipPath id="reveal"><rect class="reveal" x="250" y="40" width="0" height="80"/></clipPath>
|
|
<filter id="blur"><feGaussianBlur stdDeviation="2.2"/></filter>
|
|
<filter id="grain">
|
|
<feTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="2" stitchTiles="stitch"/>
|
|
<feColorMatrix values="0 0 0 0 .9 0 0 0 0 .8 0 0 0 0 .7 0 0 0 .06 0"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<style>
|
|
text { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
|
|
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
|
|
|
|
/* heading types itself out, then the caret keeps blinking */
|
|
.reveal { animation: type 1.6s steps(15, end) .4s forwards; }
|
|
@keyframes type { to { width: 372px; } }
|
|
.caret { animation: caretMove 1.6s steps(15, end) .4s forwards, blink 1s step-end infinite; }
|
|
@keyframes caretMove { from { transform: translateX(0); } to { transform: translateX(360px); } }
|
|
@keyframes blink { 50% { opacity: 0; } }
|
|
|
|
/* subtitle and chips fade up in sequence */
|
|
.up { opacity: 0; animation: up .7s cubic-bezier(.2,.7,.3,1) forwards; }
|
|
.d1 { animation-delay: 2.1s; } .d2 { animation-delay: 2.4s; } .d3 { animation-delay: 2.55s; }
|
|
.d4 { animation-delay: 2.7s; } .d5 { animation-delay: 2.85s; }
|
|
@keyframes up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
|
|
|
|
/* rising steam */
|
|
.steam { fill: none; stroke: #e8dccb; stroke-width: 4; stroke-linecap: round; opacity: 0;
|
|
filter: url(#blur); animation: steam 3.6s ease-in-out infinite; }
|
|
.s2 { animation-delay: 1.2s; } .s3 { animation-delay: 2.4s; }
|
|
@keyframes steam {
|
|
0% { opacity: 0; transform: translateY(14px) scaleY(.8); }
|
|
30% { opacity: .55; }
|
|
100% { opacity: 0; transform: translateY(-26px) scaleY(1.1); }
|
|
}
|
|
|
|
/* tea surface gently sways, glow breathes */
|
|
.surface { animation: sway 4s ease-in-out infinite; transform-origin: 140px 132px; }
|
|
@keyframes sway { 50% { transform: skewX(-4deg) translateX(2px); } }
|
|
.glow { animation: breathe 5s ease-in-out infinite; transform-origin: 140px 150px; }
|
|
@keyframes breathe { 50% { opacity: .55; transform: scale(1.08); } }
|
|
|
|
/* gradient strip slides along the top */
|
|
.strip { animation: slide 8s linear infinite; }
|
|
@keyframes slide { from { transform: translateX(0); } to { transform: translateX(-900px); } }
|
|
|
|
/* floating tea leaves */
|
|
.leaf { fill: #a8bb7c; opacity: .5; animation: float 7s ease-in-out infinite; }
|
|
.l2 { animation-delay: -2.5s; fill: #dcbb72; } .l3 { animation-delay: -5s; fill: #d98a5f; }
|
|
@keyframes float { 50% { transform: translateY(-10px) rotate(14deg); } }
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*, .up, .steam, .caret, .reveal { animation: none !important; }
|
|
.up { opacity: 1; } .steam { opacity: .35; } .reveal { width: 372px; }
|
|
.caret { transform: translateX(360px); }
|
|
}
|
|
</style>
|
|
|
|
<g clip-path="url(#card)">
|
|
<rect width="900" height="240" fill="url(#bg)"/>
|
|
<rect width="900" height="240" filter="url(#grain)"/>
|
|
|
|
<!-- sliding gradient strip -->
|
|
<g class="strip">
|
|
<rect width="900" height="5" fill="url(#strip)"/>
|
|
<rect x="900" width="900" height="5" fill="url(#strip)"/>
|
|
</g>
|
|
|
|
<!-- floating leaves -->
|
|
<g class="leaf l1"><path d="M820 60c12-10 28-8 34 2-10 12-26 12-34-2z"/></g>
|
|
<g class="leaf l2"><path d="M760 190c10-8 22-6 27 2-8 9-20 9-27-2z"/></g>
|
|
<g class="leaf l3"><path d="M860 150c8-7 18-5 22 2-7 8-16 8-22-2z"/></g>
|
|
|
|
<!-- chai cup -->
|
|
<circle class="glow" cx="140" cy="150" r="90" fill="url(#glow)"/>
|
|
<path class="steam s1" d="M118 96c-10-14 10-22 0-38"/>
|
|
<path class="steam s2" d="M140 92c-10-14 10-22 0-38"/>
|
|
<path class="steam s3" d="M162 96c-10-14 10-22 0-38"/>
|
|
<path d="M200 142h10a22 22 0 0 1 0 44h-14" fill="none" stroke="#cdbfad" stroke-width="9" stroke-linecap="round"/>
|
|
<path d="M78 124h124l-10 70a24 24 0 0 1-24 20h-56a24 24 0 0 1-24-20z" fill="#e8dccb"/>
|
|
<g class="surface"><ellipse cx="140" cy="130" rx="58" ry="9" fill="url(#tea)"/></g>
|
|
<path d="M86 150h108" stroke="#d98a5f" stroke-width="5" opacity=".35"/>
|
|
<ellipse cx="140" cy="220" rx="80" ry="7" fill="#000" opacity=".35"/>
|
|
|
|
<!-- typed heading -->
|
|
<g clip-path="url(#reveal)">
|
|
<text x="250" y="102" font-size="46" font-weight="800" fill="#e8dccb" textLength="352" lengthAdjust="spacingAndGlyphs">Hi, I'm Quinta<tspan fill="#d98a5f">.</tspan></text>
|
|
</g>
|
|
<rect class="caret" x="252" y="62" width="4" height="48" rx="2" fill="#d98a5f"/>
|
|
|
|
<!-- subtitle -->
|
|
<text class="up d1 mono" x="252" y="144" font-size="17" fill="#b1a393" textLength="560" lengthAdjust="spacing">
|
|
<tspan fill="#a8bb7c">$</tspan> developer · homelab tinkerer · self-hosting enthusiast
|
|
</text>
|
|
|
|
<!-- chips -->
|
|
<g font-size="13" font-weight="600">
|
|
<g class="up d2"><rect x="252" y="170" width="78" height="28" rx="14" fill="#d98a5f" fill-opacity=".16" stroke="#d98a5f" stroke-opacity=".5"/><text x="291" y="189" text-anchor="middle" fill="#e3a26f">Unraid</text></g>
|
|
<g class="up d3"><rect x="340" y="170" width="78" height="28" rx="14" fill="#93adc9" fill-opacity=".14" stroke="#93adc9" stroke-opacity=".5"/><text x="379" y="189" text-anchor="middle" fill="#93adc9">Docker</text></g>
|
|
<g class="up d4"><rect x="428" y="170" width="70" height="28" rx="14" fill="#a8bb7c" fill-opacity=".14" stroke="#a8bb7c" stroke-opacity=".5"/><text x="463" y="189" text-anchor="middle" fill="#a8bb7c">Gitea</text></g>
|
|
<g class="up d5"><rect x="508" y="170" width="86" height="28" rx="14" fill="#dcbb72" fill-opacity=".14" stroke="#dcbb72" stroke-opacity=".5"/><text x="551" y="189" text-anchor="middle" fill="#dcbb72">Traefik</text></g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
