chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new favicon and title

Browse Source 
*forgot to switch branches oops
This commit is contained in:
vkuchenik
2025-08-12 14:55:15 -07:00
parent 69529f77be
commit 2aea676551
4 changed files with 28 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.DS_Store
Vendored
BIN
View File
Binary file not shown.
client/index.html
+2 -2
View File
@@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="volcano.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title> <title>VDAP</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
client/volcano.svg
+18
View File
@@ -0,0 +1,18 @@
<svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="圖層_1" version="1.1" preserveAspectRatio="xMidYMid" width="200" height="200" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;display:block;shape-rendering:auto;background-position-x:0%;background-position-y:0%;background-size:auto;background-origin:padding-box;background-clip:border-box;background:scroll rgb(255, 255, 255) none repeat;width:200px;height:200px;;animation:none"><g class="ldl-scale" style="transform-origin:50px 50px;transform:matrix(0.8, 0, 0, 0.8, 0, 0);;animation:none"><g class="ldl-ani"><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(1.03, 0, 0, 1.03, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.53125s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#e15b64" d="M81 24.5c-.6-2.6-2.2-4.6-4.4-5.7 1-1 1.6-2.5 1.6-4 0-3.2-2.6-5.9-5.9-5.9-1.9 0-3.7.9-4.7 2.4-1.5-2.7-4.4-4.6-7.7-4.6-2 0-3.9.7-5.4 1.8-1.5-2.8-4.4-4.8-7.8-4.8-3.4 0-6.3 1.9-7.8 4.7-.8-.2-1.6-.3-2.5-.3-5.3 0-9.5 4.3-9.5 9.5 0 3.6 2 6.8 5 8.4-.1.8-.1 1.6.1 2.4.7 3.2 3.9 5.2 7.1 4.5.2 0 .3-.1.5-.1 1.7 3.6 5.8 5.7 9.9 4.8 3.3-.8 5.8-3.3 6.5-6.4 1.7.8 3.7 1 5.6.6 1.1-.2 2-.7 2.9-1.2 1.8 3.5 5.8 5.4 9.7 4.5 4.9-1.2 7.9-5.9 6.8-10.6z" style="stroke-width:1px;fill:rgb(225, 91, 100);;animation:none"></path></g></g>
<g class="ldl-layer"><g class="ldl-ani"><g><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(1.03, 0, 0, 1.03, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.5625s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#f47e60" d="M80.8 87.6c-3.1-5.1-9.5-15.1-15.1-24-4.1-6.4-7.7-12.2-9.5-15-.7-1.1-1.8-1.8-3-1.8H44.4c-1.2 0-2.3.7-3 1.8-1.8 2.8-5.5 8.6-9.5 15-5.6 8.8-11.9 18.9-15.1 24-.9 1.4 0 3.3 1.5 3.3h61.2c1.3 0 2.2-1.9 1.3-3.3z" style="stroke-width:1px;fill:rgb(244, 126, 96);;animation:none"></path></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(1.02604, 0, 0, 1.02604, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.59375s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#e0e0e0" d="M42.1 60.7c1.8 2.3 4.1 4.5 6.7 4.5s4.9-2.2 6.7-4.5c1.8 2.3 4.1 4.5 6.7 4.5 1.3 0 2.5-.4 3.6-1 .3-.2.4-.5.2-.8-4.1-6.4-7.7-12.1-9.5-14.9-.7-1.1-1.9-1.8-3.1-1.8h-9.2c-1.2 0-2.4.7-3.1 1.8-1.8 2.8-5.4 8.5-9.5 14.9-.2.3-.1.7.2.8 1.1.6 2.3 1 3.6 1 2.6 0 4.9-2.2 6.7-4.5z" style="stroke-width:1px;fill:rgb(224, 224, 224);;animation:none"></path></g></g></g></g></g>
<g class="ldl-layer"><g class="ldl-ani"><g><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(1.01568, 0, 0, 1.01568, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.625s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#c33737" d="M46.5 28.1v3.6c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2v-3.6c0-.7.5-1.2 1.2-1.2s1.2.6 1.2 1.2z" style="stroke-width:1px;fill:rgb(195, 55, 55);;animation:none"></path></g></g></g></g></g>
<g class="ldl-layer"><g class="ldl-ani"><g><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(1.00594, 0, 0, 1.00594, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.65625s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#c33737" d="M46.5 36.8V44c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2v-7.2c0-.7.5-1.2 1.2-1.2s1.2.5 1.2 1.2z" style="stroke-width:1px;fill:rgb(195, 55, 55);;animation:none"></path></g></g></g></g></g>
<g class="ldl-layer"><g class="ldl-ani"><g><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.99625, 0, 0, 0.99625, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.6875s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#c33737" d="M50.3 28.1v6.1c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2v-6.1c0-.7.5-1.2 1.2-1.2s1.2.6 1.2 1.2z" style="stroke-width:1px;fill:rgb(195, 55, 55);;animation:none"></path></g></g></g></g></g>
<g class="ldl-layer"><g class="ldl-ani"><g><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.980625, 0, 0, 0.980625, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.71875s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#c33737" d="M50.3 38.9v4.9c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2v-4.9c0-.7.5-1.2 1.2-1.2s1.2.6 1.2 1.2z" style="stroke-width:1px;fill:rgb(195, 55, 55);;animation:none"></path></g></g></g></g></g>
<g class="ldl-layer"><g class="ldl-ani"><g><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.97254, 0, 0, 0.97254, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.75s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#c33737" d="M54.1 28.1v3.6c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2v-3.6c0-.7.5-1.2 1.2-1.2s1.2.6 1.2 1.2z" style="stroke-width:1px;fill:rgb(195, 55, 55);;animation:none"></path></g></g></g></g></g>
<g class="ldl-layer"><g class="ldl-ani"><g><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.959023, 0, 0, 0.959023, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.78125s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#c33737" d="M54.1 36v3.2c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2V36c0-.7.5-1.2 1.2-1.2s1.2.6 1.2 1.2z" style="stroke-width:1px;fill:rgb(195, 55, 55);;animation:none"></path></g></g></g></g></g>
<g class="ldl-layer"><g class="ldl-ani"><g><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.943634, 0, 0, 0.943634, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.8125s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#c33737" d="M54.1 43.9v-.2c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2v.2c0-.7.5-1.2 1.2-1.2s1.2.6 1.2 1.2z" style="stroke-width:1px;fill:rgb(195, 55, 55);;animation:none"></path></g></g></g></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.931286, 0, 0, 0.931286, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.84375s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path stroke-miterlimit="10" stroke-linecap="round" stroke-width="3" stroke="#c33737" fill="none" d="M39.6 44.7c-2.1-7-7.7-12.8-14.5-15.3" style="stroke-width:3px;stroke:rgb(195, 55, 55);fill:none;;animation:none"></path></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.921517, 0, 0, 0.921517, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.875s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path stroke-miterlimit="10" stroke-linecap="round" stroke-width="3" stroke="#c33737" fill="none" d="M59 38.2c1.4-3.2 4.2-5.6 7.5-6.6" style="stroke-width:3px;stroke:rgb(195, 55, 55);fill:none;;animation:none"></path></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.915017, 0, 0, 0.915017, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.90625s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><circle fill="#f8b26a" r="3.1" cy="23.8" cx="19.2" style="stroke-width:1px;fill:rgb(248, 178, 106);;animation:none"></circle></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.910362, 0, 0, 0.910362, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.9375s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><circle fill="#f8b26a" r="3.1" cy="29" cx="73.2" style="stroke-width:1px;fill:rgb(248, 178, 106);;animation:none"></circle></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.91, 0, 0, 0.91, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.96875s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><circle fill="#f8b26a" r="3.1" cy="20.8" cx="56" style="stroke-width:1px;fill:rgb(248, 178, 106);;animation:none"></circle></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.91, 0, 0, 0.91, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-1s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><circle fill="#f8b26a" r="3.1" cy="52.2" cx="71.1" style="stroke-width:1px;fill:rgb(248, 178, 106);;animation:none"></circle></g></g>
<metadata xmlns:d="https://loading.io/stock/"></metadata></g></g>
<STYLE type="text/css">@keyframes animate { 0.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.91, 0.91) skew(0deg, 0.00deg) ;opacity: 1.00;}4.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.91, 0.91) ;}8.00% {animation-timing-function: cubic-bezier(0.69,0.60,0.35,0.27);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.91, 0.91) ;}14.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.93, 0.93) ;}18.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.94, 0.94) ;}22.00% {animation-timing-function: cubic-bezier(0.67,0.66,0.34,0.33);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.96, 0.96) ;}26.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.97, 0.97) ;}30.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.99, 0.99) ;}34.00% {animation-timing-function: cubic-bezier(0.65,0.71,0.32,0.38);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.01, 1.01) ;}40.00% {animation-timing-function: cubic-bezier(0.64,0.74,0.31,0.41);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.02, 1.02) ;}46.00% {animation-timing-function: cubic-bezier(0.60,0.91,0.23,0.63);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.03, 1.03) ;}50.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.03, 1.03) ;}54.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.03, 1.03) ;}58.00% {animation-timing-function: cubic-bezier(0.69,0.60,0.35,0.27);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.03, 1.03) ;}64.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.01, 1.01) ;}68.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.00, 1.00) ;}72.00% {animation-timing-function: cubic-bezier(0.67,0.66,0.34,0.33);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.98, 0.98) ;}76.00% {animation-timing-function: cubic-bezier(0.66,0.68,0.33,0.35);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.97, 0.97) ;}82.00% {animation-timing-function: cubic-bezier(0.65,0.71,0.32,0.38);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.94, 0.94) ;}88.00% {animation-timing-function: cubic-bezier(0.65,0.73,0.31,0.40);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.92, 0.92) ;}94.00% {animation-timing-function: cubic-bezier(0.63,0.80,0.28,0.48);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.91, 0.91) ;}100.00% {animation-timing-function: cubic-bezier(0.63,0.80,0.28,0.48);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.91, 0.91) ;} }</STYLE><!-- [ldio] generated by https://loading.io --></svg>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

client/volcano2.svg
+8
View File
@@ -0,0 +1,8 @@
<svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="圖層_1" version="1.1" preserveAspectRatio="xMidYMid" width="200" height="200" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;display:block;shape-rendering:auto;background-position-x:0%;background-position-y:0%;background-size:auto;background-origin:padding-box;background-clip:border-box;background:scroll rgb(255, 255, 255) none repeat;width:200px;height:200px;;animation:none"><g class="ldl-scale" style="transform-origin:50px 50px;transform:matrix(0.8, 0, 0, 0.8, 0, 0);;animation:none"><g class="ldl-ani"><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(1.02904, 0, 0, 1.02904, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.583333s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><circle fill="#b5b5b5" clip-rule="evenodd" fill-rule="evenodd" r="4.4" cy="40.8" cx="43.4" style="stroke-width:1px;fill:rgb(181, 181, 181);;animation:none"></circle></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(1.00333, 0, 0, 1.00333, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.666667s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><circle fill="#b5b5b5" clip-rule="evenodd" fill-rule="evenodd" r="3" cy="46.4" cx="41.2" style="stroke-width:1px;fill:rgb(181, 181, 181);;animation:none"></circle></g></g>
<g class="ldl-layer"><g class="ldl-ani"><g><g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.97254, 0, 0, 0.97254, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.75s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#f47e60" d="M73.2 88.7c-3.1-5.1-9.5-15.1-15.1-24-4.1-6.4-7.7-12.2-9.5-15-.7-1.1-1.8-1.8-3-1.8H36.8c-1.2 0-2.3.7-3 1.8-1.8 2.8-5.5 8.6-9.5 15-5.6 8.8-11.9 18.9-15.1 24-.9 1.4 0 3.3 1.5 3.3h61.2c1.3 0 2.1-1.9 1.3-3.3z" style="stroke-width:1px;fill:rgb(244, 126, 96);;animation:none"></path></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.935119, 0, 0, 0.935119, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.833333s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#e0e0e0" d="M34.4 61.8c1.8 2.3 4.1 4.5 6.7 4.5 2.6 0 4.9-2.2 6.7-4.5 1.8 2.3 4.1 4.5 6.7 4.5 1.3 0 2.5-.4 3.6-1 .3-.2.4-.5.2-.8-4.1-6.4-7.7-12.1-9.5-14.9-.7-1.1-1.9-1.8-3.1-1.8h-9.2c-1.2 0-2.4.7-3.1 1.8-1.8 2.8-5.4 8.5-9.5 14.9-.2.3-.1.7.2.8 1.1.6 2.3 1 3.6 1 2.6 0 5-2.2 6.7-4.5z" style="stroke-width:1px;fill:rgb(224, 224, 224);;animation:none"></path></g></g></g></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.913352, 0, 0, 0.913352, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-0.916667s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><circle fill="#b5b5b5" clip-rule="evenodd" fill-rule="evenodd" r="3.8" cy="35" cx="46.2" style="stroke-width:1px;fill:rgb(181, 181, 181);;animation:none"></circle></g></g>
<g class="ldl-layer"><g class="ldl-ani" style="transform-origin:50px 50px;transform:matrix(0.91, 0, 0, 0.91, 0, 0);animation-duration:1s;animation-timing-function:linear;animation-delay:-1s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:paused;animation-name:animate;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;transform-box:view-box;;animation:none"><path fill="#b5b5b5" d="M77.5 26c-.3-.4-.7-.7-1-1-.1-.1-.7-.6-.9-.4l.1-.1c.2-.3.3-.7.3-1.1 0-.9-.3-1.8-.9-2.6-.6-.7-1.2-1.4-2-1.9-.6-.4-1.2-.7-1.8-.8-.3-.1-.6-.1-.8-.1h-.8c-1.2-2.6-3.9-4.5-7.2-4.5-2.3 0-4.3.9-5.8 2.4-.9 1-1.6 2.2-1.9 3.5-.6.1-1.2.4-1.7.7-.4-.2-.9-.3-1.4-.4.3-.9.5-1.9.5-2.9 0-5.4-4.3-9.7-9.7-9.7-3.7 0-6.9 2.1-8.6 5.1-.6-.2-1.3-.3-1.9-.3-3.6 0-6.5 2.9-6.5 6.5 0 .4 0 .9.1 1.3-3.3.5-5.8 3.4-5.8 6.8 0 3.8 3.1 6.9 6.9 6.9h4.9c.1 4.1 3.4 7.3 7.5 7.3s7.4-3.3 7.5-7.3h4.6c.4.1.8 0 1.2 0H75.6c1.7 0 3.1-2.4 3.1-4.1v-.2c-.2-1-.5-2.2-1.2-3.1z" style="stroke-width:1px;fill:rgb(181, 181, 181);;animation:none"></path></g></g>
<metadata xmlns:d="https://loading.io/stock/"></metadata></g></g>
<STYLE type="text/css">@keyframes animate { 0.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.91, 0.91) skew(0deg, 0.00deg) ;opacity: 1.00;}4.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.91, 0.91) ;}8.00% {animation-timing-function: cubic-bezier(0.69,0.60,0.35,0.27);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.91, 0.91) ;}14.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.93, 0.93) ;}18.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.94, 0.94) ;}22.00% {animation-timing-function: cubic-bezier(0.67,0.66,0.34,0.33);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.96, 0.96) ;}26.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.97, 0.97) ;}30.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.99, 0.99) ;}34.00% {animation-timing-function: cubic-bezier(0.65,0.71,0.32,0.38);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.01, 1.01) ;}40.00% {animation-timing-function: cubic-bezier(0.64,0.74,0.31,0.41);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.02, 1.02) ;}46.00% {animation-timing-function: cubic-bezier(0.60,0.91,0.23,0.63);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.03, 1.03) ;}50.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.03, 1.03) ;}54.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.03, 1.03) ;}58.00% {animation-timing-function: cubic-bezier(0.69,0.60,0.35,0.27);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.03, 1.03) ;}64.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.01, 1.01) ;}68.00% {transform: translate(0.00px,0.00px) rotate(0.00deg) scale(1.00, 1.00) ;}72.00% {animation-timing-function: cubic-bezier(0.67,0.66,0.34,0.33);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.98, 0.98) ;}76.00% {animation-timing-function: cubic-bezier(0.66,0.68,0.33,0.35);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.97, 0.97) ;}82.00% {animation-timing-function: cubic-bezier(0.65,0.71,0.32,0.38);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.94, 0.94) ;}88.00% {animation-timing-function: cubic-bezier(0.65,0.73,0.31,0.40);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.92, 0.92) ;}94.00% {animation-timing-function: cubic-bezier(0.63,0.80,0.28,0.48);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.91, 0.91) ;}100.00% {animation-timing-function: cubic-bezier(0.63,0.80,0.28,0.48);transform: translate(0.00px,0.00px) rotate(0.00deg) scale(0.91, 0.91) ;} }</STYLE><!-- [ldio] generated by https://loading.io --></svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB