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="85 19 56 100" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Lian Build">
|
||
|
|
<title>Lian Build</title>
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="ldv-fg" x1="0" y1="1" x2="0" y2="0">
|
||
|
|
<stop offset="0" stop-color="#e86c2f"/>
|
||
|
|
<stop offset="1" stop-color="#f5a623"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="ldv-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');
|
||
|
|
.ldv-flame{fill:url(#ldv-fg);opacity:0;transform-origin:50% 100%;transform-box:fill-box;animation:ldv-flame 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldv-core{fill:url(#ldv-cg);opacity:0;transform-origin:50% 100%;transform-box:fill-box;animation:ldv-core 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldv-cruc{fill:none;stroke:#c0c0b8;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:36;stroke-dashoffset:36;animation:ldv-cruc 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldv-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:ldv-word 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldv-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:ldv-sub 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldv-fbord{fill:none;stroke:#f07830;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:ldv-fbord 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.ldv-code{opacity:0;animation:ldv-code 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
@keyframes ldv-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 ldv-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 ldv-fbord{
|
||
|
|
0%,11.7%{opacity:0} 14.3%{opacity:1} 99%{opacity:1} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes ldv-code{
|
||
|
|
0%,15.2%{opacity:0} 17.4%{opacity:1} 99%{opacity:1} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes ldv-cruc{
|
||
|
|
0%,18.3%{stroke-dashoffset:36;opacity:0} 18.8%{opacity:.8}
|
||
|
|
22.6%{stroke-dashoffset:0;opacity:.8} 99%{stroke-dashoffset:0;opacity:.8}
|
||
|
|
100%{stroke-dashoffset:36;opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes ldv-sub{
|
||
|
|
0%,19.6%{opacity:0} 23.9%{opacity:.85} 99%{opacity:.85} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes ldv-word{
|
||
|
|
0%,20.4%{opacity:0} 25.2%{opacity:1} 99%{opacity:1} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@media (prefers-reduced-motion:reduce){
|
||
|
|
.ldv-flame,.ldv-fbord,.ldv-core,.ldv-cruc,.ldv-word,.ldv-sub,.ldv-code{animation:none}
|
||
|
|
.ldv-flame{opacity:1} .ldv-fbord{opacity:1} .ldv-code{opacity:1}
|
||
|
|
.ldv-core{opacity:.35;transform:scale(.95);transform-origin:50% 100%;transform-box:fill-box}
|
||
|
|
.ldv-cruc{opacity:.8;stroke-dashoffset:0} .ldv-word{opacity:1} .ldv-sub{opacity:.85}
|
||
|
|
}
|
||
|
|
]]></style>
|
||
|
|
</defs>
|
||
|
|
<rect x="55" width="110" height="160" fill="#0d1117"/>
|
||
|
|
<path class="ldv-cruc" d="M 92 66 L 128 66"/>
|
||
|
|
<path class="ldv-flame" d="M 110 64 C 92 57 92 36 110 22 C 128 36 128 57 110 64 Z"/>
|
||
|
|
<path class="ldv-fbord" d="M 110 64 C 92 57 92 36 110 22 C 128 36 128 57 110 64 Z"/>
|
||
|
|
<path class="ldv-core" d="M 110 58 C 100 52 100 40 110 32 C 120 40 120 52 110 58 Z"/>
|
||
|
|
<g class="ldv-code" fill="none" stroke="#d4642a" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
|
||
|
|
<polyline points="106,42 103,46 106,50"/>
|
||
|
|
<line x1="112" y1="43" x2="109" y2="49"/>
|
||
|
|
<polyline points="115,42 118,46 115,50"/>
|
||
|
|
</g>
|
||
|
|
<text class="ldv-word" x="113" y="93" text-anchor="middle">lian</text>
|
||
|
|
<text class="ldv-sub" x="112" y="110" text-anchor="middle">build</text>
|
||
|
|
</svg>
|