website/blog.indicator.html

244 lines
28 KiB
HTML
Raw Permalink Normal View History

<div class="blog-right-menu">
<svg
width="100%"
height="100%"
viewBox="0 0 14.2875 5.8208333"
preserveAspectRatio="none"
version="1.1"
id="svg1"
xml:space="preserve"
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
sodipodi:docname="blog-indicator.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#616db8"
inkscape:document-units="px"
inkscape:zoom="16"
inkscape:cx="24.375"
inkscape:cy="23.15625"
inkscape:window-width="1916"
inkscape:window-height="1924"
inkscape:window-x="0"
inkscape:window-y="1314"
inkscape:window-maximized="1"
inkscape:current-layer="layer3"
showguides="true" /><defs
id="defs1"><linearGradient
id="linearGradient13"
inkscape:collect="always"><stop
style="stop-color:#9a9a9b;stop-opacity:1;"
offset="0"
id="stop13" /><stop
style="stop-color:#a4a4a5;stop-opacity:1;"
offset="0.94999999"
id="stop16" /><stop
style="stop-color:#dedddf;stop-opacity:1;"
offset="0.94999999"
id="stop15" /><stop
style="stop-color:#f9f8fa;stop-opacity:1;"
offset="1"
id="stop14" /></linearGradient><linearGradient
id="linearGradient11"
inkscape:collect="always"><stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop11" /><stop
style="stop-color:#9a9a9b;stop-opacity:1;"
offset="1"
id="stop12" /></linearGradient><linearGradient
inkscape:collect="always"
xlink:href="#linearGradient11"
id="linearGradient12"
x1="124.61875"
y1="2.7781255"
x2="127"
y2="2.7781255"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-104.24583)" /><linearGradient
inkscape:collect="always"
xlink:href="#linearGradient13"
id="linearGradient14"
x1="105.56875"
y1="2.6458337"
x2="105.83333"
y2="2.6458337"
gradientUnits="userSpaceOnUse"
spreadMethod="repeat"
gradientTransform="matrix(19.999984,0,0,0.0499993,-2116.665,1.3229238)" /><meshgradient
inkscape:collect="always"
id="meshgradient21"
gradientUnits="userSpaceOnUse"
x="104.85249"
y="1.4004118"
gradientTransform="translate(-104.24583)"><meshrow
id="meshrow21"><meshpatch
id="meshpatch21"><stop
path="c 0.103326,-0.103326 0.270851,-0.103326 0.374177,0"
style="stop-color:#88898a;stop-opacity:1"
id="stop22" /><stop
path="c 0.103326,0.103326 0.103326,0.270851 0,0.374177"
style="stop-color:#aaacac;stop-opacity:1"
id="stop23" /><stop
path="c -0.103326,0.103326 -0.270851,0.103326 -0.374177,0"
style="stop-color:#ffffff;stop-opacity:1"
id="stop24" /><stop
path="c -0.103326,-0.103326 -0.103326,-0.270851 0,-0.374177"
style="stop-color:#bbbabc;stop-opacity:1"
id="stop25" /></meshpatch></meshrow></meshgradient><meshgradient
inkscape:collect="always"
id="meshgradient25"
gradientUnits="userSpaceOnUse"
x="104.85249"
y="1.4004118"
gradientTransform="translate(-104.24583,0.79375003)"><meshrow
id="meshrow29"><meshpatch
id="meshpatch29"><stop
path="c 0.103326,-0.103326 0.270851,-0.103326 0.374177,0"
style="stop-color:#88898a;stop-opacity:1"
id="stop26" /><stop
path="c 0.103326,0.103326 0.103326,0.270851 0,0.374177"
style="stop-color:#aaacac;stop-opacity:1"
id="stop27" /><stop
path="c -0.103326,0.103326 -0.270851,0.103326 -0.374177,0"
style="stop-color:#ffffff;stop-opacity:1"
id="stop28" /><stop
path="c -0.103326,-0.103326 -0.103326,-0.270851 0,-0.374177"
style="stop-color:#bbbabc;stop-opacity:1"
id="stop29" /></meshpatch></meshrow></meshgradient><meshgradient
inkscape:collect="always"
id="meshgradient29"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-104.24583,1.5875002)"
x="104.85249"
y="1.4004118"><meshrow
id="meshrow33"><meshpatch
id="meshpatch33"><stop
path="c 0.103326,-0.103326 0.270851,-0.103326 0.374177,0"
style="stop-color:#88898a;stop-opacity:1"
id="stop30" /><stop
path="c 0.103326,0.103326 0.103326,0.270851 0,0.374177"
style="stop-color:#aaacac;stop-opacity:1"
id="stop31" /><stop
path="c -0.103326,0.103326 -0.270851,0.103326 -0.374177,0"
style="stop-color:#ffffff;stop-opacity:1"
id="stop32" /><stop
path="c -0.103326,-0.103326 -0.103326,-0.270851 0,-0.374177"
style="stop-color:#bbbabc;stop-opacity:1"
id="stop33" /></meshpatch></meshrow></meshgradient><meshgradient
inkscape:collect="always"
id="meshgradient33"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-104.24583,2.3812502)"
x="104.85249"
y="1.4004118"><meshrow
id="meshrow37"><meshpatch
id="meshpatch37"><stop
path="c 0.103326,-0.103326 0.270851,-0.103326 0.374177,0"
style="stop-color:#88898a;stop-opacity:1"
id="stop34" /><stop
path="c 0.103326,0.103326 0.103326,0.270851 0,0.374177"
style="stop-color:#aaacac;stop-opacity:1"
id="stop35" /><stop
path="c -0.103326,0.103326 -0.270851,0.103326 -0.374177,0"
style="stop-color:#ffffff;stop-opacity:1"
id="stop36" /><stop
path="c -0.103326,-0.103326 -0.103326,-0.270851 0,-0.374177"
style="stop-color:#bbbabc;stop-opacity:1"
id="stop37" /></meshpatch></meshrow></meshgradient></defs><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"><rect
style="display:inline;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;paint-order:normal"
id="rect2"
width="14.2875"
height="5.8208337"
x="2.1164043e-07"
y="2.1164043e-07" /><path
style="display:inline;fill:url(#linearGradient12);fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 14.2875,5.2916664 V 2.116667 C 14.2875,0.32894725 11.90625,5.7381839e-7 11.90625,5.7381839e-7 V 5.2916667 Z"
id="path2-2"
sodipodi:nodetypes="csccc" /><path
id="path1-7"
style="display:inline;fill:#dedddf;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 14.022917,5.2916667 v -3.175 C 14.019917,0.69851912 11.906389,0.26458387 11.906389,0.26458387 L 11.906112,5.2916667 Z M 4.7311437e-7,0.2645835 H 11.906111 V 5.2916674 H 4.7311437e-7 Z"
sodipodi:nodetypes="cccccccccc" /><rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;paint-order:normal"
id="rect6"
width="11.90625"
height="0.26458392"
x="2.0412436e-07"
y="2.0412436e-07" /><rect
style="fill:url(#linearGradient14);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;paint-order:normal"
id="rect12"
width="5.2916622"
height="0.26457962"
x="-5.2916627"
y="1.3229222"
transform="rotate(-90)" /><rect
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;paint-order:normal"
id="rect16"
width="5.2916622"
height="0.26457962"
x="-5.2916627"
y="5e-07"
transform="rotate(-90)" /><circle
style="fill:url(#meshgradient21);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;paint-order:normal"
id="path20"
cx="0.79375505"
cy="1.5875005"
r="0.26458332"
inkscape:label="dot1" /><circle
style="fill:url(#meshgradient25);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;paint-order:normal"
id="circle25"
cx="0.79375505"
cy="2.3812504"
r="0.26458332"
inkscape:label="dot2" /><circle
style="fill:url(#meshgradient29);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;paint-order:normal"
id="circle29"
cx="0.79375505"
cy="3.1750004"
r="0.26458332"
inkscape:label="dot3" /><circle
style="fill:url(#meshgradient33);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;paint-order:normal"
id="circle33"
cx="0.79375505"
cy="3.9687505"
r="0.26458332"
inkscape:label="dot4" /></g><g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="Layer 2"><rect
style="fill:#9a9a9b;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;paint-order:normal"
id="rect8"
width="14.287499"
height="0.26458406"
x="4.2461647e-07"
y="5.2916665" /><text
xml:space="preserve"
style="font-size:3.46366px;line-height:0;font-family:Ebrima;-inkscape-font-specification:Ebrima;letter-spacing:0px;word-spacing:0px;stroke-width:0.288636"
x="2.9458976"
y="3.8586884"
id="text11"
transform="scale(0.98502729,1.0152003)"
inkscape:label="Welcome"><tspan
sodipodi:role="line"
id="tspan11"
style="font-size:3.46366px;line-height:0;baseline-shift:baseline;stroke-width:0.288636"
x="2.9458976"
y="3.8586884">Blog</tspan></text></g><script
id="mesh_polyfill"
type="text/javascript">&#10;!function(){const t=&quot;http://www.w3.org/2000/svg&quot;,e=&quot;http://www.w3.org/1999/xlink&quot;,s=&quot;http://www.w3.org/1999/xhtml&quot;,r=2;if(document.createElementNS(t,&quot;meshgradient&quot;).x)return;const n=(t,e,s,r)=&gt;{let n=new x(.5*(e.x+s.x),.5*(e.y+s.y)),o=new x(.5*(t.x+e.x),.5*(t.y+e.y)),i=new x(.5*(s.x+r.x),.5*(s.y+r.y)),a=new x(.5*(n.x+o.x),.5*(n.y+o.y)),h=new x(.5*(n.x+i.x),.5*(n.y+i.y)),l=new x(.5*(a.x+h.x),.5*(a.y+h.y));return[[t,o,a,l],[l,h,i,r]]},o=t=&gt;{let e=t[0].distSquared(t[1]),s=t[2].distSquared(t[3]),r=.25*t[0].distSquared(t[2]),n=.25*t[1].distSquared(t[3]),o=e&gt;s?e:s,i=r&gt;n?r:n;return 18*(o&gt;i?o:i)},i=(t,e)=&gt;Math.sqrt(t.distSquared(e)),a=(t,e)=&gt;t.scale(2/3).add(e.scale(1/3)),h=t=&gt;{let e,s,r,n,o,i,a,h=new g;return t.match(/(\w+\(\s*[^)]+\))+/g).forEach(t=&gt;{let l=t.match(/[\w.-]+/g),d=l.shift();switch(d){case&quot;translate&quot;:2===l.length?e=new g(1,0,0,1,l[0],l[1]):(console.error(&quot;mesh.js: translate does not have 2 arguments!&quot;),e=new g(1,0,0,1,0,0)),h=h.append(e);break;case&quot;scale&quot;:1===l.length?s=new g(l[0],0,0,l[0],0,0):2===l.length?s=new g(l[0],0,0,l[1],0,0):(console.error(&quot;mesh.js: scale does not have 1 or 2 arguments!&quot;),s=new g(1,0,0,1,0,0)),h=h.append(s);break;case&quot;rotate&quot;:if(3===l.length&amp;&amp;(e=new g(1,0,0,1,l[1],l[2]),h=h.append(e)),l[0]){r=l[0]*Math.PI/180;let t=Math.cos(r),e=Math.sin(r);Math.abs(t)&lt;1e-16&amp;&amp;(t=0),Math.abs(e)&lt;1e-16&amp;&amp;(e=0),a=new g(t,e,-e,t,0,0),h=h.append(a)}else console.error(&quot;math.js: No argument to rotate transform!&quot;);3===l.length&amp;&amp;(e=new g(1,0,0,1,-l[1],-l[2]),h=h.append(e));break;case&quot;skewX&quot;:l[0]?(r=l[0]*Math.PI/180,n=Math.tan(r),o=new g(1,0,n,1,0,0),h=h.append(o)):console.error(&quot;math.js: No argument to skewX transform!&quot;);break;case&quot;skewY&quot;:l[0]?(r=l[0]*Math.PI/180,n=Math.tan(r),i=new g(1,n,0,1,0,0),h=h.append(i)):console.error(&quot;math.js: No argument to skewY transform!&quot;);break;case&quot;matrix&quot;:6===l.length?h=h.append(new g(...l)):console.error(&quot;math.js: Incorrect number of arguments for matrix!&quot;);break;default:console.error(&quot;mesh.js: Unhandled transform type: &quot;+d)}}),h},l=t=&gt;{let e=[],s=t.split(/[ ,]+/);for(let t=0,r=s.length-1;t&lt;r;t+=2)e.push(new x(parseFloat(s[t]),parseFloat(s[t+1])));return e},d=(t,e)=&gt;{for(let s in e)t.setAttribute(s,e[s])},c=(t,e,s,r,n)=&gt;{let o,i,a=[0,0,0,0];for(let h=0;h&lt;3;++h)e[h]&lt;t[h]&amp;&amp;e[h]&lt;s[h]||t[h]&lt;e[h]&amp;&amp;s[h]&lt;e[h]?a[h]=0:(a[h]=.5*((e[h]-t[h])/r+(s[h]-e[h])/n),o=Math.abs(3*(e[h]-t[h])/r),i=Math.abs(3*(s[h]-e[h])/n),a[h]&gt;o?a[h]=o:a[h]&gt;i&amp;&amp;(a[h]=i));return a},u=[[1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0],[-3,3,0,0,-2,-1,0,0,0,0,0,0,0,0,0,0],[2,-2,0,0,1,1,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0],[0,0,0,0,0,0,0,0,-3,3,0,0,-2,-1,0,0],[0,0,0,0,0,0,0,0,2,-2,0,0,1,1,0,0],[-3,0,3,0,0,0,0,0,-2,0,-1,0,0,0,0,0],[0,0,0,0,-3,0,3,0,0,0,0,0,-2,0,-1,0],[9,-9,-9,9,6,3,-6,-3,6,-6,3,-3,4,2,2,1],[-6,6,6,-6,-3,-3,3,3,-4,4,-2,2,-2,-2,-1,-1],[2,0,-2,0,0,0,0,0,1,0,1,0,0,0,0,0],[0,0,0,0,2,0,-2,0,0,0,0,0,1,0,1,0],[-6,6,6,-6,-4,-2,4,2,-3,3,-3,3,-2,-1,-2,-1],[4,-4,-4,4,2,2,-2,-2,2,-2,2,-2,1,1,1,1]],f=t=&gt;{let e=[];for(let s=0;s&lt;16;++s){e[s]=0;for(let r=0;r&lt;16;++r)e[s]+=u[s][r]*t[r]}return e},p=(t,e,s)=&gt;{const r=e*e,n=s*s,o=e*e*e,i=s*s*s;return t[0]+t[1]*e+t[2]*r+t[3]*o+t[4]*s+t[5]*s*e+t[6]*s*r+t[7]*s*o+t[8]*n+t[9]*n*e+t[10]*n*r+t[11]*n*o+t[12]*i+t[13]*i*e+t[14]*i*r+t[15]*i*o},y=t=&gt;{let e=[],s=[],r=[];for(let s=0;s&lt;4;++s)e[s]=[],e[s][0]=n(t[0][s],t[1][s],t[2][s],t[3][s]),e[s][1]=[],e[s][1].push(...n(...e[s][0][0])),e[s][1].push(...n(...e[s][0][1])),e[s][2]=[],e[s][2].push(...n(...e[s][1][0])),e[s][2].push(...n(...e[s][1][1])),e[s][2].push(...n(...e[s][1][2])),e[s][2].push(...n(...e[s][1][3]));for(let t=0;t&lt;8;++t){s[t]=[];for(let r=0;r&lt;4;++r)s[t][r]=[],s[t][r][0]=n(e[0][2][t][r],e[1][2][t][r],e[2][2][t][r],e[3][2][
</script>
</svg>