Files
iTop/images/placeholders/skeleton.svg

81 lines
2.8 KiB
XML

<svg
role="img"
aria-labelledby="loading-aria"
viewBox="0 0 540 100"
preserveAspectRatio="xMidYMid meet"
>
<title id="loading-aria">Loading...</title>
<rect
x="0"
y="0"
width="100%"
height="100%"
clip-path="url(#misc-clip-path)"
style='fill: url("#misc-fill");'
></rect>
<defs>
<clipPath id="misc-clip-path">
<rect x="20" y="1" rx="5" ry="5" width="103" height="10" />
<circle cx="6" cy="6" r="6" />
<rect x="247" y="2" rx="0" ry="0" width="72" height="64" />
<circle cx="18" cy="80" r="18" />
<rect x="41" y="66" rx="5" ry="5" width="70" height="10" />
<rect x="428" y="78" rx="0" ry="0" width="75" height="67" />
<circle cx="6" cy="26" r="6" />
<rect x="20" y="41" rx="5" ry="5" width="183" height="10" />
<circle cx="6" cy="46" r="6" />
<rect x="41" y="81" rx="5" ry="5" width="55" height="10" />
<circle cx="19" cy="121" r="18" />
<rect x="42" y="107" rx="5" ry="5" width="30" height="10" />
<rect x="42" y="122" rx="5" ry="5" width="60" height="10" />
<rect x="20" y="21" rx="5" ry="5" width="143" height="10" />
<rect x="334" y="8" rx="5" ry="5" width="163" height="10" />
<rect x="334" y="48" rx="5" ry="5" width="163" height="10" />
<rect x="334" y="28" rx="5" ry="5" width="163" height="10" />
<rect x="252" y="89" rx="5" ry="5" width="163" height="10" />
<rect x="252" y="129" rx="5" ry="5" width="163" height="10" />
<rect x="252" y="109" rx="5" ry="5" width="163" height="10" />
</clipPath>
<linearGradient id="misc-fill">
<stop
offset="0.599964"
stop-color="var(--skeleton-start-color)"
stop-opacity="1"
>
<animate
attributeName="offset"
values="-2; -2; 1"
keyTimes="0; 0.25; 1"
dur="2s"
repeatCount="indefinite"
></animate>
</stop>
<stop
offset="1.59996"
stop-color="var(--skeleton-stop-color)"
stop-opacity="1"
>
<animate
attributeName="offset"
values="-1; -1; 2"
keyTimes="0; 0.25; 1"
dur="2s"
repeatCount="indefinite"
></animate>
</stop>
<stop
offset="2.59996"
stop-color="var(--skeleton-start-color)"
stop-opacity="1"
>
<animate
attributeName="offset"
values="0; 0; 3"
keyTimes="0; 0.25; 1"
dur="2s"
repeatCount="indefinite"
></animate>
</stop>
</linearGradient>
</defs>
</svg>