72 lines
4.4 KiB
XML
72 lines
4.4 KiB
XML
|
<?xml version="1.0" encoding="UTF-8"?>
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="28 19 110 50" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Lian Build">
|
||
|
|
<title>Lian Build</title>
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="ldh-fg" x1="0" y1="1" x2="0" y2="0">
|
||
|
|
<stop offset="0" stop-color="#e86c2f"/>
|
||
|
|
<stop offset="1" stop-color="#f5a623"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="ldh-cg" x1="0" y1="1" x2="0" y2="0">
|
||
|
|
<stop offset="0" stop-color="#f5a623"/>
|
||
|
|
<stop offset="1" stop-color="#fcd99e"/>
|
||
|
|
</linearGradient>
|
||
|
|
<style><![CDATA[
|
||
|
|
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500&display=swap');
|
||
|
|
.ldh-flame{fill:url(#ldh-fg);opacity:0;transform-origin:50% 100%;transform-box:fill-box;animation:ldh-flame 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldh-core{fill:url(#ldh-cg);opacity:0;transform-origin:50% 100%;transform-box:fill-box;animation:ldh-core 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldh-cruc{fill:none;stroke:#c0c0b8;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:34;stroke-dashoffset:34;animation:ldh-cruc 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldh-word{fill:#d4a870;font-family:"Jost","Avenir Next",Futura,"Century Gothic","Helvetica Neue",system-ui,sans-serif;font-weight:500;letter-spacing:.22em;font-size:22px;opacity:0;animation:ldh-word 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldh-sub{fill:#fbb555;font-family:"Jost","Avenir Next",Futura,"Century Gothic","Helvetica Neue",system-ui,sans-serif;font-weight:500;letter-spacing:.22em;font-size:14px;opacity:0;animation:ldh-sub 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldh-fbord{fill:none;stroke:#f07830;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:ldh-fbord 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldh-code{opacity:0;animation:ldh-code 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
@keyframes ldh-core{
|
||
|
|
0%{opacity:0;transform:scale(.5)} 1.3%{opacity:.75;transform:scale(1.05)}
|
||
|
|
3.5%{opacity:.55;transform:scale(.95)} 5.2%{opacity:.35;transform:scale(.92)}
|
||
|
|
22%{opacity:.55;transform:scale(1)} 37%{opacity:.24;transform:scale(.88)}
|
||
|
|
53%{opacity:.55;transform:scale(1)} 68%{opacity:.24;transform:scale(.88)}
|
||
|
|
83%{opacity:.55;transform:scale(1)} 99%{opacity:.35;transform:scale(.92)} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes ldh-flame{
|
||
|
|
0%,6.5%{opacity:0;transform:scale(.4)} 8.7%{opacity:.9;transform:scale(1)}
|
||
|
|
10.4%{opacity:1;transform:scale(1.05)} 12%{opacity:1;transform:scale(1)}
|
||
|
|
99%{opacity:1;transform:scale(1)} 100%{opacity:0;transform:scale(.4)}
|
||
|
|
}
|
||
|
|
@keyframes ldh-fbord{
|
||
|
|
0%,11.7%{opacity:0} 14.3%{opacity:1} 99%{opacity:1} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes ldh-code{
|
||
|
|
0%,15.2%{opacity:0} 17.4%{opacity:1} 99%{opacity:1} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes ldh-cruc{
|
||
|
|
0%,18.3%{stroke-dashoffset:34;opacity:0} 18.8%{opacity:.8}
|
||
|
|
22.6%{stroke-dashoffset:0;opacity:.8} 99%{stroke-dashoffset:0;opacity:.8}
|
||
|
|
100%{stroke-dashoffset:34;opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes ldh-sub{
|
||
|
|
0%,19.6%{opacity:0} 23.9%{opacity:.85} 99%{opacity:.85} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes ldh-word{
|
||
|
|
0%,20.4%{opacity:0} 25.2%{opacity:1} 99%{opacity:1} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@media (prefers-reduced-motion:reduce){
|
||
|
|
.ldh-flame,.ldh-fbord,.ldh-core,.ldh-cruc,.ldh-word,.ldh-sub,.ldh-code{animation:none}
|
||
|
|
.ldh-flame{opacity:1} .ldh-fbord{opacity:1} .ldh-code{opacity:1}
|
||
|
|
.ldh-core{opacity:.35;transform:scale(.95);transform-origin:50% 100%;transform-box:fill-box}
|
||
|
|
.ldh-cruc{opacity:.8;stroke-dashoffset:0} .ldh-word{opacity:1} .ldh-sub{opacity:.85}
|
||
|
|
}
|
||
|
|
]]></style>
|
||
|
|
</defs>
|
||
|
|
<rect width="163" height="90" fill="#0d1117"/>
|
||
|
|
<path class="ldh-cruc" d="M 33 65 L 67 65"/>
|
||
|
|
<path class="ldh-flame" d="M 50 62 C 33 57 33 37 50 23 C 67 37 67 57 50 62 Z"/>
|
||
|
|
<path class="ldh-fbord" d="M 50 62 C 33 57 33 37 50 23 C 67 37 67 57 50 62 Z"/>
|
||
|
|
<path class="ldh-core" d="M 50 57 C 41 52 41 40 50 32 C 59 40 59 52 50 57 Z"/>
|
||
|
|
<g class="ldh-code" fill="none" stroke="#d4642a" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
|
||
|
|
<polyline points="46,42 43,46 46,50"/>
|
||
|
|
<line x1="51" y1="43" x2="48" y2="49"/>
|
||
|
|
<polyline points="54,42 57,46 54,50"/>
|
||
|
|
</g>
|
||
|
|
<text class="ldh-word" x="80" y="46" text-anchor="start">lian</text>
|
||
|
|
<text class="ldh-sub" x="83" y="64" text-anchor="start">build</text>
|
||
|
|
</svg>
|