71 lines
4.3 KiB
XML
71 lines
4.3 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="lh-fg" x1="0" y1="1" x2="0" y2="0">
|
||
|
|
<stop offset="0" stop-color="#e86c2f"/>
|
||
|
|
<stop offset="1" stop-color="#f5a623"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="lh-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');
|
||
|
|
.lh-flame{fill:url(#lh-fg);opacity:0;transform-origin:50% 100%;transform-box:fill-box;animation:lh-flame 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.lh-core{fill:url(#lh-cg);opacity:0;transform-origin:50% 100%;transform-box:fill-box;animation:lh-core 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.lh-cruc{fill:none;stroke:#a8a8a0;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:34;stroke-dashoffset:34;animation:lh-cruc 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.lh-word{fill:#bd9156;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:lh-word 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.lh-sub{fill:#f29a3d;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:lh-sub 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.lh-fbord{fill:none;stroke:#e86c2f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:lh-fbord 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
.lh-code{opacity:0;animation:lh-code 23s cubic-bezier(.4,0,.2,1) infinite}
|
||
|
|
@keyframes lh-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 lh-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 lh-fbord{
|
||
|
|
0%,11.7%{opacity:0} 14.3%{opacity:1} 99%{opacity:1} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes lh-code{
|
||
|
|
0%,15.2%{opacity:0} 17.4%{opacity:1} 99%{opacity:1} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes lh-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 lh-sub{
|
||
|
|
0%,19.6%{opacity:0} 23.9%{opacity:.85} 99%{opacity:.85} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes lh-word{
|
||
|
|
0%,20.4%{opacity:0} 25.2%{opacity:1} 99%{opacity:1} 100%{opacity:0}
|
||
|
|
}
|
||
|
|
@media (prefers-reduced-motion:reduce){
|
||
|
|
.lh-flame,.lh-fbord,.lh-core,.lh-cruc,.lh-word,.lh-sub,.lh-code{animation:none}
|
||
|
|
.lh-flame{opacity:1} .lh-fbord{opacity:1} .lh-code{opacity:1}
|
||
|
|
.lh-core{opacity:.35;transform:scale(.95);transform-origin:50% 100%;transform-box:fill-box}
|
||
|
|
.lh-cruc{opacity:.8;stroke-dashoffset:0} .lh-word{opacity:1} .lh-sub{opacity:.85}
|
||
|
|
}
|
||
|
|
]]></style>
|
||
|
|
</defs>
|
||
|
|
<path class="lh-cruc" d="M 33 65 L 67 65"/>
|
||
|
|
<path class="lh-flame" d="M 50 62 C 33 57 33 37 50 23 C 67 37 67 57 50 62 Z"/>
|
||
|
|
<path class="lh-fbord" d="M 50 62 C 33 57 33 37 50 23 C 67 37 67 57 50 62 Z"/>
|
||
|
|
<path class="lh-core" d="M 50 57 C 41 52 41 40 50 32 C 59 40 59 52 50 57 Z"/>
|
||
|
|
<g class="lh-code" fill="none" stroke="#c25a1a" 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="lh-word" x="80" y="46" text-anchor="start">lian</text>
|
||
|
|
<text class="lh-sub" x="83" y="64" text-anchor="start">build</text>
|
||
|
|
</svg>
|