mirror of
https://github.com/AlchemillaHQ/Sylve.git
synced 2026-06-27 02:46:21 +03:00
hayzamjs
99 lines
6.2 KiB
HTML
99 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
|
|
<style>
|
|
svg {
|
|
transform-origin: center;
|
|
animation: appear 1s ease-out forwards;
|
|
}
|
|
|
|
#path1, #path3, #path5, #path7, #path9 {
|
|
opacity: 0;
|
|
animation: fadeIn 0.5s ease-out forwards;
|
|
}
|
|
|
|
#path1 { animation-delay: 0.2s; }
|
|
#path3 { animation-delay: 0.4s; }
|
|
|
|
#path5 {
|
|
animation: fadeIn 0.5s ease-out forwards 0.6s,
|
|
pulseSequence 3s ease-in-out infinite 2s;
|
|
}
|
|
|
|
#path7 {
|
|
animation: fadeIn 0.5s ease-out forwards 0.8s,
|
|
pulseSequence 3s ease-in-out infinite 3s;
|
|
}
|
|
|
|
#path9 {
|
|
animation: fadeIn 0.5s ease-out forwards 1.0s,
|
|
pulseSequence 3s ease-in-out infinite 4s;
|
|
}
|
|
|
|
@keyframes appear {
|
|
from { transform: scale(0.8); opacity: 0; }
|
|
to { transform: scale(1); opacity: 1; }
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
|
|
@keyframes pulseSequence {
|
|
0%, 15%, 100% { opacity: 1; }
|
|
5%, 10% { opacity: 0.3; }
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<svg version="1.1" id="svg1" width="624.98669" height="707.78265" viewBox="0 0 624.98667 707.78264"
|
|
xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
|
|
<defs id="defs1">
|
|
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
|
|
<path d="M 0,2000 H 2000 V 0 H 0 Z" transform="translate(-901.62842,-925.7178)" id="path2" />
|
|
</clipPath>
|
|
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath4">
|
|
<path d="M 0,2000 H 2000 V 0 H 0 Z" transform="translate(-966.65875,-884.12602)" id="path4" />
|
|
</clipPath>
|
|
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath6">
|
|
<path d="M 0,2000 H 2000 V 0 H 0 Z" transform="translate(-847.32865,-944.4102)" id="path6" />
|
|
</clipPath>
|
|
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath8">
|
|
<path d="M 0,2000 H 2000 V 0 H 0 Z" transform="translate(-637.24852,-944.4102)" id="path8" />
|
|
</clipPath>
|
|
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath10">
|
|
<path d="M 0,2000 H 2000 V 0 H 0 Z" transform="translate(-742.28862,-1129.9302)" id="path10" />
|
|
</clipPath>
|
|
</defs>
|
|
<g id="layer-MC0" transform="translate(-1048.7193,-975.76448)">
|
|
<path id="path1"
|
|
d="m 0,0 c 0,-7.946 -4.231,-15.291 -11.105,-19.276 l -104.371,-60.512 c -7.887,-4.573 -17.764,1.117 -17.764,10.234 V 58.619 c 0,7.944 4.229,15.287 11.1,19.273 l 104.376,60.52 C -9.877,142.985 0,137.294 0,128.178 Z m -145.311,108.103 c -8.948,-5.189 -19.99,-5.189 -28.939,0 l -103.426,59.971 c -6.451,3.74 -6.451,13.056 10e-4,16.797 l 103.988,60.293 c 8.947,5.188 19.987,5.188 28.935,0 L -41.324,185.2 c 6.451,-3.74 6.451,-13.055 0,-16.797 z M -185.44,-66.169 c 0,-10.557 -11.438,-17.146 -20.57,-11.851 l -100.67,58.374 c -7.428,4.307 -12,12.244 -12,20.83 v 123.232 c 0,10.556 11.437,17.145 20.57,11.85 l 100.68,-58.374 c 7.422,-4.308 11.99,-12.242 11.99,-20.824 z m 210.08,256.781 -13.84,8.02 -10.8,6.26 -57.79,33.51 -63.92,36.9 -26.38,15.23 c -6.96,4.02 -15.54,4.02 -22.5,0 l -26.26,-15.159 -6.43,-3.711 -115.4,-66.91 -11.13,-6.45 -14.22,-8.25 -0.03,-0.02 c -5.14,-4.24 -8.19,-10.579 -8.19,-17.36 v -196.77 c 0,-7.12 3.36,-13.759 8.97,-17.98 l 24.6,-14.26 52.9,-30.68 69.07,-39.87 11.27,-6.509 14.85,-8.571 c 6.96,-4.019 15.54,-4.019 22.5,0 l 14.85,8.571 11.39,6.58 121.85,70.339 5.42,3.14 17.97,10.41 0.04,0.031 c 6.3,4.139 10.14,11.2 10.14,18.799 v 196.77 c 0,7.09 -3.35,13.72 -8.93,17.94"
|
|
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
transform="matrix(1.3333333,0,0,-1.3333333,1573.6655,1428.6981)" clip-path="url(#clipPath2)" />
|
|
<path id="path3"
|
|
d="m 0,0 c 0,-8.456 -4.512,-16.271 -11.835,-20.5 l -200.7,-115.873 c -3.664,-2.115 -7.746,-3.171 -11.835,-3.172 -4.089,10e-4 -8.172,1.057 -11.836,3.172 L -436.905,-20.5 c -7.324,4.229 -11.836,12.044 -11.835,20.5 v 231.748 c -10e-4,8.456 4.511,16.272 11.835,20.5 l 200.699,115.873 c 3.664,2.115 7.747,3.171 11.836,3.171 4.089,0 8.171,-1.056 11.835,-3.171 l 200.7,-115.873 C -4.512,248.02 0,240.204 0,231.748 Z m -6.835,260.908 -200.7,115.873 c -5.207,3.007 -11.024,4.512 -16.835,4.511 -5.811,0.001 -11.629,-1.504 -16.836,-4.511 L -441.905,260.908 c -10.417,-6.015 -16.835,-17.131 -16.835,-29.16 L -458.74,0 c 0,-12.029 6.418,-23.145 16.835,-29.16 l 200.699,-115.873 c 5.207,-3.007 11.025,-4.512 16.836,-4.512 5.811,0 11.629,1.505 16.835,4.512 L -6.835,-29.16 C 3.582,-23.145 10,-12.029 10,0 v 231.748 c 0,12.029 -6.417,23.145 -16.835,29.16"
|
|
style="fill:#aaaaaa;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
transform="matrix(1.3333333,0,0,-1.3333333,1660.3726,1484.1538)" clip-path="url(#clipPath4)" />
|
|
<path id="path5"
|
|
d="M 0,0 C 0,-3.13 -1.67,-6.021 -4.38,-7.58 L -63.94,-41.97 V -53.521 L 0.62,-16.24 C 6.42,-12.89 10,-6.7 10,0 V 86.99 L 0,81.19 Z"
|
|
style="fill:#aaaaaa;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
transform="matrix(1.3333333,0,0,-1.3333333,1501.2658,1403.7749)" clip-path="url(#clipPath6)" />
|
|
<path id="path7"
|
|
d="m 0,0 v 80.68 l -10,5.79 V 0 c 0,-6.7 3.58,-12.89 9.38,-16.24 L 63.94,-53.521 V -41.97 L 4.38,-7.58 C 1.67,-6.021 0,-3.13 0,0"
|
|
style="fill:#aaaaaa;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
transform="matrix(1.3333333,0,0,-1.3333333,1221.1589,1403.7749)" clip-path="url(#clipPath8)" />
|
|
<path id="path9"
|
|
d="m 0,0 c -3.24,0 -6.48,-0.84 -9.38,-2.51 l -68.67,-39.65 9.98,-5.78 63.69,36.77 c 1.36,0.78 2.87,1.17 4.38,1.17 1.51,0 3.02,-0.39 4.38,-1.17 L 67.63,-47.69 77.61,-41.9 9.38,-2.51 C 6.48,-0.84 3.24,0 0,0"
|
|
style="fill:#aaaaaa;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
transform="matrix(1.3333333,0,0,-1.3333333,1361.2124,1156.4149)" clip-path="url(#clipPath10)" />
|
|
</g>
|
|
</svg>
|
|
</body>
|
|
</html> |