33 lines
10 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="80" viewBox="0 0 80 80">
<g id="vinyl-record" fill="none" transform="translate(40,0) translate(0,40) rotate(95.75999999999999) translate(-30,0) translate(0,-30) ">
<path id="big-circle" fill="#404040" d="M30,0C13.4314,0,0,13.4314,0,30C0.01875,46.5607,13.4393,59.9812,30,60C46.5686,60,60,46.5686,60,30C60,13.4314,46.5686,0,30,0zM30,58C14.5361,58,2.00004,45.4639,2.00004,30C2.01738,14.5432,14.5432,2.01738,30,2.00004C45.4639,2.00004,58,14.5361,58,30C58,45.4639,45.4639,58,30,58z"/>
<path id="inner-circle" fill="#404040" d="M44,30C44,22.268,37.732,16,30,16C22.2716,16.0086,16.0086,22.2716,16,30C16,37.732,22.268,44,30,44C37.732,44,44,37.732,44,30zM18,30C18,23.3726,23.3726,18,30,18C36.6244,18.0074,41.9926,23.3756,42,30C42,36.6274,36.6274,42,30,42C23.3726,42,18,36.6274,18,30z" transform="translate(30,30) translate(-30,-30)"/>
<path id="middle-circle" fill="#404040" d="M33,30C33,28.3432,31.6568,27,30,27C28.3439,27.0018,27.0018,28.3439,27,30C27,31.6568,28.3431,33,30,33C31.6569,33,33,31.6568,33,30zM29,30C29,29.4477,29.4477,29,30,29C30.5521,29.0006,30.9995,29.4479,31,30C31,30.5523,30.5523,31,30,31C29.4477,31,29,30.5523,29,30z" transform="translate(30,30) translate(-30,-30)"/>
<path id="shine-6" stroke="#404040" stroke-width="2" d="M55,30L55,30C54.9846,43.8003,43.8002,54.9846,29.9989,54.9999L30,55L30,55C43.8011,54.9843,54.9843,43.8011,55,30.0011L55,30Z" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="79 79" stroke-dashoffset="79" style="stroke-dashoffset: 35.1527px;"/>
<path id="shine-4" stroke="#404040" stroke-width="2" d="M45.4974,37.0001L45.4972,36.9999L45.4972,36.9996C43.7916,40.7704,40.7709,43.791,37.0001,45.4966L37,45.4967L37,45.4965L37.0001,45.4966C40.7708,43.7913,43.7915,40.771,45.4974,37.0001z" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="25 25" stroke-dashoffset="25" style="stroke-dashoffset: 11.1243px;"/>
<path id="shine-3" stroke="#404040" stroke-width="2" d="M29.9989,5C16.1989,5.01575,5.01575,16.1989,5,29.9989L4.99992,30L4.99996,30C5.0154,16.1997,16.1998,5.0154,30.0011,5.00008L30,5.00004L30,5L29.9989,5Z" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="79 79" stroke-dashoffset="79" style="stroke-dashoffset: 35.1527px;"/>
<path id="shine-1" stroke="#404040" stroke-width="2" d="M23,14.5033L23.0001,14.5033L23,14.5033C23,14.5033,23,14.5033,23,14.5034L23,14.5033ZM23,14.5034C23,14.5034,23,14.5034,23,14.5034L22.9999,14.5034C19.2292,16.2087,16.2085,19.229,14.5026,22.9998L14.5026,23.0002L14.5026,23.0002L14.5028,23.0004C16.2084,19.2296,19.2291,16.209,22.9999,14.5034L23,14.5033L23,14.5034Z" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="25 25" stroke-dashoffset="25" style="stroke-dashoffset: 11.1243px;"/>
<path id="shine-2" stroke="#404040" stroke-width="2" d="M25.5507,9.01385C17.1913,10.6996,10.6616,17.2463,9.00032,25.615C8.99927,25.6204,8.99936,25.6203,8.99945,25.6203C8.99996,25.6203,8.9988,25.6202,8.99719,25.6199C8.99961,25.6203,8.99975,25.6204,8.99982,25.6205L8.99999,25.6213C10.6603,17.2539,17.19,10.7041,25.5507,9.01385zM25.6188,9.00019C25.6206,8.99985,25.6223,8.99951,25.624,8.99916C25.6189,9.00017,25.6188,9.00015,25.6188,9.00019zM25.5507,9.01385C25.5734,9.00926,25.5961,9.00471,25.6188,9.00019C25.6188,9.00027,25.6189,9.00024,25.6188,9.00024L25.6136,9.00127C25.5926,9.00544,25.5716,9.00963,25.5507,9.01385z" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="50 50" stroke-dashoffset="50" style="stroke-dashoffset: 22.2486px;"/>
<path id="shine-5" stroke="#404040" stroke-width="2" d="M25.5507,9.01385C17.1913,10.6996,10.6616,17.2463,9.00032,25.615C8.99927,25.6204,8.99936,25.6203,8.99945,25.6203C8.99996,25.6203,8.9988,25.6202,8.99719,25.6199C8.99961,25.6203,8.99975,25.6204,8.99982,25.6205L8.99999,25.6213C10.6603,17.2539,17.19,10.7041,25.5507,9.01385zM25.6188,9.00019C25.6206,8.99985,25.6223,8.99951,25.624,8.99916C25.6189,9.00017,25.6188,9.00015,25.6188,9.00019zM25.5507,9.01385C25.5734,9.00926,25.5961,9.00471,25.6188,9.00019C25.6188,9.00027,25.6189,9.00024,25.6188,9.00024L25.6136,9.00127C25.5926,9.00544,25.5716,9.00963,25.5507,9.01385z" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="50 50" stroke-dashoffset="50" transform="translate(43.0811,42.6889) rotate(-180) translate(-17.3106,-17.3102)" style="stroke-dashoffset: 22.2486px;"/>
</g>
<script><![CDATA[var q="- translate translate - scale scale - skewX skewY - - - rotate".split(" "),F="url blur brightness contrast drop-shadow grayscale hue-rotate invert opacity saturate sepia".split(" "),G=function(){function y(){if(!1!==n)g=n;else{var b=(new Date).getTime();0>t&&(t=b);g=(b-t+z)*m}p&&(g>l.end&&(g=l.end),0>g&&(g=0));for(var a,b=u.length,e=0;e<b;++e){for(var d=u[e],c="",H=l.anims[e].length,A=0;A<H;++A){var h=l.anims[e][A],k=h[0];if(h[3]){a=h[2];var f=h[4].length,v=h[4][f-1];a=g<=a?h[5][0]:Infinity!=
h[3]&&g>=a+h[3]?0!=v&&h[3]%v?C(h[3]%v,h):h[5][f-1]:C((g-a)%v,h)}else a=h[2];0===k?(a=a*h[9]/100,k=h[7].getPointAtLength(a),c+="translate("+k.x+","+k.y+") ",h[10]&&(a?a=h[7].getPointAtLength(a-.5):(a=k,k=h[7].getPointAtLength(.5)),c+="rotate("+180*Math.atan2(k.y-a.y,k.x-a.x)/Math.PI+") ")):12>=k?(h=q[k]+"(",h=4>k?h+(1==k?a+",0":"0,"+a):7>k?h+(4==k?a+",1":"1,"+a):h+a,c+=h+") "):(a=I(h[8]&240,a),h=h[8]&15,1==h?d.setAttribute(k,a):!h&&(d.style[k]=a))}""!=c&&d.setAttribute("transform",c)}G.b&&G.b(g);p&&
(0<=m&&g<l.end||0>m&&0<g?w(y):(G.a&&G.a(),n=g,p=!1))}function x(b){return 0<=b?Math.pow(b,1/3):-Math.pow(-b,1/3)}function J(b,a,e,d){if(0==b)return 0==a?a=-d/e:(b=Math.sqrt(e*e-4*a*d),d=(-e+b)/(2*a),0<=d&&1>=d?a=d:(d=(-e-b)/(2*a),a=0<=d&&1>=d?d:0)),a;var c=e/b-a*a/(b*b)/3;e=a*a*a/(b*b*b)/13.5-a*e/(b*b)/3+d/b;var g=e*e/4+c*c*c/27;a=-a/(3*b);if(0>=g)if(c||e){b=Math.sqrt(e*e/4-g);d=Math.acos(-e/2/b);e=Math.cos(d/3);d=Math.sqrt(3)*Math.sin(d/3);b=x(b);c=2*b*e+a;if(0<=c&&1>=c)return c;c=-b*(e+d)+a;if(0<=
c&&1>=c)return c;c=b*(d-e)+a;if(0<=c&&1>=c)return c}else return-x(d/b);else{b=x(-e/2+Math.sqrt(g));e=x(-e/2-Math.sqrt(g));d=b+e+a;if(0<=d&&1>=d)return d;d=-(b+e)/2+a;if(0<=d&&1>=d)return d}return 0}function I(b,a){if(32==b&&"number"===typeof a)return"#"+("000000"+a.toString(16)).substr(-6);if(48==b)return a.join(",");if(80==b){for(var e="",d=a.length,c=0;c<d;)if("M"==a[c])e+="M"+a[c+1]+","+a[c+2],c+=3;else if("L"==a[c])e+="L"+a[c+1]+","+a[c+2],c+=3;else if("C"==a[c])e+="C"+a[c+1]+","+a[c+2]+","+a[c+
3]+","+a[c+4]+","+a[c+5]+","+a[c+6],c+=7;else if("Z"==a[c])e+="Z",c+=1;else break;return e}if(64==b){if(99==a[0])return"none";e="";d=a.length;for(c=0;c<d;)e+=F[a[c]],0==a[c]?e+="("+a[c+1]+") ":4==a[c]?(e+="("+a[c+1]+"px "+a[c+2]+"px "+a[c+3]+"px #"+("00000000"+a[c+4].toString(16)).substr(-8)+") ",c+=3):e=1==a[c]?e+("("+a[c+1]+"px) "):6==a[c]?e+("("+a[c+1]+"deg) "):e+("("+(0>a[c+1]?0:a[c+1])+") "),c+=2;return e}return a}function r(b){return 0>=b?0:255<=b?255:b}function K(b,a,e,d){if(0==b)return(e-
a)*d+a;if(16==b)return 1>d?a:e;if(32==b){if("number"===typeof a&&"number"===typeof e){var c=1-d,g,l,h;return r(c*(a>>16)+d*(e>>16))<<16|r(c*(a>>8&255)+d*(e>>8&255))<<8|r(c*(a&255)+d*(e&255))}return 1>d?a:e}if(48==b){0==a.length&&(a=[0]);0==e.length&&(e=[0]);b=a.length;a.length!=e.length&&(b=a.length*e.length);for(var k=Array(b),f=0;f<b;++f)c=a[f%a.length],g=(e[f%e.length]-c)*d+c,0>g&&(g=0),k[f]=g;return k}if(80==b){if(a.length!=e.length)return.5>d?a:e;b=a.length;k=[];for(f=0;f<b;++f)if("string"===
typeof a[f]||"string"==typeof e[f]){if(a[f]!==e[f])return.5>d?a:e;k[f]=a[f]}else k[f]=(e[f]-a[f])*d+a[f];return k}if(64==b){b=a.length;if(b!=e.length)return a;k=Array(b);for(f=0;f<b;){if(a[f]!=e[f]||0==a[f])return a;k[f]=a[f];k[f+1]=(e[f+1]-a[f+1])*d+a[f+1];if(4==a[f]){k[f+2]=(e[f+2]-a[f+2])*d+a[f+2];k[f+3]=(e[f+3]-a[f+3])*d+a[f+3];var c=1-d,m=a[f+4],n=e[f+4];g=c*(m>>>24)+d*(n>>>24);l=c*(m>>16&255)+d*(n>>16&255);h=c*(m>>8&255)+d*(n>>8&255);k[f+4]=(r(l)<<16|r(h)<<8|r(c*(m&255)+d*(n&255)))+16777216*
(r(g)|0);f+=3}f+=2}return k}return 0}function C(b,a){var e;a:{e=a[4].length;for(var d=0;d<e;++d)if(b<a[4][d]){e=d;break a}--e}d=a[4][e-1];d=(b-d)/(a[4][e]-d);if(a[6]&&a[6].length>e-1){var c=a[6][e-1];if(0<=c[0])if(0>=d)d=0;else if(1<=d)d=1;else var g=c[0],l=c[2],d=J(3*g-3*l+1,-6*g+3*l,3*g,-d),d=3*d*(1-d)*(1-d)*c[1]+3*d*d*(1-d)*c[3]+d*d*d;else-1!=c[0]&&(-2==c[0]?(c=c[1],d=Math.ceil(d*c)/c):-3==c[0]&&(c=c[1],d=Math.floor(d*c)/c))}return K(a[8]&240,a[5][e-1],a[5][e],d)}function D(b){p=!0;0!=m&&(z=b/
m,n=!1);t=-1;w(y)}function E(b){g=b;!1!==n?B||p||0==m?n=g:D(g):z=g/m-((new Date).getTime()-(0>t?(new Date).getTime():t));y()}var w=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||null;w||(w=function(b){window.setTimeout(b,16)});var g=0,t=-1,z=0,B=!0,n=0,p=!1,m=1,l,u=[],L={stroke:32,fill:32,strokeDasharray:48,filter:64,width:1,height:1,d:81};return{play:function(b){"undefined"!==typeof b&&
E(b);B=!1;p||(b=n,0<m&&(0>b||b>=l.end)?b=0:0>m&&(0>=b||b>l.end)&&(b=l.end),D(b));return G},pause:function(b){"undefined"!==typeof b&&E(b);B=!0;p&&(p=!1,n=g);return G},_set_data:function(b){l=b;u=[];for(b=0;b<l.targets.length;++b)u[b]=document.getElementById(l.targets[b]);l.anims.forEach(function(a){if(0==a[0][0]){var b=document.createElementNS("http://www.w3.org/2000/svg","path");b.setAttribute("d",a[0][7]);a[0][10]=" "==a[0][7].charAt(0);a[0][9]=b.getTotalLength();a[0][7]=b}a.forEach(function(a){a[8]=
L[a[0]];a[8]||(a[8]=0)})})}}}();window.ks=G;
document.ks=ks;ks._data={targets:['vinyl-record','shine-6','shine-4','shine-3','shine-1','shine-2','shine-5'],
anims:[[[1,0,40],[2,0,40],[12,0,0,Infinity,[0,2000],[360,0]],[1,0,-30],[2,0,-30]],
[['strokeDashoffset',0,0,Infinity,[0,1000,2000],[79,0,79],[[0.42,0,0.58,1],[0.42,0,0.58,1],[-1]]]],
[['strokeDashoffset',0,0,Infinity,[0,1000,2000],[25,0,25],[[0.42,0,0.58,1],[0.42,0,0.58,1],[-1]]]],
[['strokeDashoffset',0,0,Infinity,[0,1000,2000],[79,0,79],[[0.42,0,0.58,1],[0.42,0,0.58,1],[-1]]]],
[['strokeDashoffset',0,0,Infinity,[0,1000,2000],[25,0,25],[[0.42,0,0.58,1],[0.42,0,0.58,1],[-1]]]],
[['strokeDashoffset',0,0,Infinity,[0,1000,2000],[50,0,50],[[0.42,0,0.58,1],[0.42,0,0.58,1],[-1]]]],
[['strokeDashoffset',0,0,Infinity,[0,1000,2000],[50,0,50],[[0.42,0,0.58,1],[0.42,0,0.58,1],[-1]]]]],
end:Infinity};ks._set_data(ks._data);var hr=document.location.href.split('?');(2>hr.length||-1==hr[1].split('&').indexOf('playState=paused'))&&ks.play();]]></script>
<iframe xmlns="http://www.w3.org/1999/xhtml" class="cleanslate hidden" src="vinyl-dark-grey_files/commandline.html" id="cmdline_iframe" loading="lazy" style="height: 0px !important;"></iframe></a0:svg>