<canvas id="qrc"></canvas>

*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0D1117;overflow:hidden}#qrc{max-width:90vmin;max-height:90vmin}@media(prefers-color-scheme: light){body{background:#fff}}

(function(){class n{constructor(){var b=document.getElementById("qrc");this.g=b;this.m=b.getContext("2d");this.u=this.time=0;this.speed=.05;this.A=Math.PI/3;b=window.matchMedia("(prefers-color-scheme: dark)");this.o=b.matches;b.onchange=a=>this.o=a.matches;b=[...atob("/mP8FhBuvLt0VduoLsFxB/qv4B8A0zt0DFxwjgrpxbH8lABHh/or0EUwuhTd1mRuh6sF2A/tqQA=")].map(a=>a.charCodeAt(0).toString(2).padStart(8,"0")).join("");this.l=[];this.j=[];for(let a=0;a<441;a++){if(b[a]!=="1")continue;const c=a/21|0,e=a%21;(c<7&&e<7||c<7&&
e>13||c>13&&e<7?this.l:this.j).push({r:c,c:e,d:c+e})}this.v=new Float32Array(42);this.h=this.h.bind(this);this.i=this.i.bind(this);this.i();window.addEventListener("resize",this.i);requestAnimationFrame(this.h)}i(){const b=window.devicePixelRatio,a=Math.min(window.innerWidth,window.innerHeight)*.9;this.g.width=a*b;this.g.height=a*b;this.g.style.width=this.g.style.height=a+"px";this.m.scale(b,b);this.u=a/21}h(){this.time+=this.speed;const b=this.m,a=this.u;var c=this.time;const e=this.A;var f=this.l;
const k=this.j,l=this.v,m=this.g.width/window.devicePixelRatio;var g=a+1|0;for(let d=0;d<42;d++)l[d]=(Math.sin(d*e-c)+1)*.5;b.clearRect(0,0,m,m);b.fillStyle=this.o?"#939393":"#0D1117";b.beginPath();for(c=0;c<f.length;c++){const {r:d,c:h}=f[c];b.rect(h*a|0,d*a|0,g,g)}for(f=0;f<k.length;f++){const {r:d,c:h,d:p}=k[f];g=a*(.3+.7*l[p]);c=(a-g)*.5;b.rect(h*a+c,d*a+c,g,g)}b.fill();requestAnimationFrame(this.h)}}window.addEventListener("load",()=>new n);}).call(this);