0x3d9456ad…fab4·#23,948,073·view on Etherscan
mconst DIGITS={`0:'<g transform="translate(8,0)"`.ght="32"/><rect x="-8" y="44" wi`Ί1:'<g transform="translate(8,0)"a fill="#fff"><rect x="32" y="8" a32" y="44" width="8" height="32"a2:'<g transform="translate(8,0)"a3:'<g transform="translate(8,0)"a4:'<g transform="translate(8,0)"a fill="#fff"><rect x="-8" y="8" a0" y="36" width="32" height="8"/a><rect x="32" y="8" width="8" heaight="32"/><rect x="32" y="44" wa5:'<g transform="translate(8,0)"a6:'<g transform="translate(8,0)"a7:'<g transform="translate(8,0)"a<rect x="32" y="44" width="8" hea8:'<g transform="translate(8,0)"ath="32" height="8"/><rect x="-8"arect x="32" y="44" width="8" heiaght="32"/><rect x="0" y="72" wida9:'<g transform="translate(8,0)"a th="32" height="8"/><rect x="32"a ̊rect x="0" y="72" width="32" heia
Rmght="8"/></g>'`<!DOCTYPE html><html><head><metahtml,body{margin:0;height:100%;w`Xidth:100%;background:#000;color:`x#fff;font-family:monospace;displ`ay:flex;align-items:center;justi`Rqfy-content:center}`p#frame{position:relative;width:1`00vw;height:100vh;max-width:600paRrx;max-height:600px}`h#container{position:absolute;topa:50%;left:50%;width:600px;heighta:600px;transform:translate(-50%,a-50%);transform-origin:50% 50%;}a#circle{width:100%;height:100%;baorder:2px solid #fff;border-radiaus:50%;box-sizing:border-box;posaRnition:relative}`#grid{position:absolute;top:50%;aleft:50%;transform:translate(-50a%,-50%);display:grid;grid-templaate-columns:repeat(4,60px);gap:40a.digit{width:60px;height:80px}#ball{width:24px;height:24px;bacakground:#fff;border-radius:50%;paosition:absolute;transition:lefta 0.05s linear,top 0.05s linear}<div id="frame"><div id="containaer"><div id="circle"><div id="baa<svg class="digit" id="d11" viewa<svg class="digit" id="d10" viewa<svg class="digit" id="d9" viewBa<svg class="digit" id="d8" viewBa<svg class="digit" id="d7" viewBa<svg class="digit" id="d6" viewBa<svg class="digit" id="d5" viewBa<svg class="digit" id="d4" viewBa<svg class="digit" id="d3" viewBa<svg class="digit" id="d2" viewBa<svg class="digit" id="d1" viewBa<svg class="digit" id="d0" viewBa</div></div></div></div><script>arconst START_BLOCKS=`hRsconst CONTRACT_TIME=``Rvconst BLOCK_SECONDS=12;`HRrconst CENTER_X=300;`hRrconst CENTER_Y=300;`hRpconst RADIUS=299;`xRtconst BALL_RADIUS=12;`Xconst frame=document.getElementB`yRlyId("frame");`const container=document.getElem`RtentById("container");`Xfunction renderDigit(v){return D`ۂRqfunction resize(){`pconst size=Math.min(window.inneraWidth,window.innerHeight,600);R{frame.style.width=size+"px";` frame.style.height=size+"px";Rtconst scale=size/600;`Xcontainer.style.transform=`transalate(-50%,-50%) scale(${scale})`aRqfunction update(){`pconst elapsedSec=Date.now()/1000aRn-CONTRACT_TIME;`const blocksElapsed=Math.floor(eaRxlapsedSec/BLOCK_SECONDS);`8const currentBlocks=Math.max(0,SaRzTART_BLOCKS-blocksElapsed);`(const str=String(currentBlocks).aRppadStart(12,"0");`xRufor(let i=0;i<12;i++){`Pdocument.getElementById("d"+(11-ai)).innerHTML=renderDigit(parseIaconst progress=(elapsedSec%BLOCKaRw_SECONDS)/BLOCK_SECONDS;`@const angleRad=progress*2*Math.Paconst ballX=CENTER_X+RADIUS*MathaRz.sin(angleRad)-BALL_RADIUS;`(const ballY=CENTER_Y-RADIUS*MathaRz.cos(angleRad)-BALL_RADIUS;`(const ball=document.getElementByaRzball.style.left=ballX+"px";`(Ryball.style.top=ballY+"px";`0window.addEventListener("resize"asetInterval(update,50);update();aABCDEFGHIJKLMNOPQRSTUVWXYZabcdef` ghijklmnopqrstuvwxyz0123456789+/`@ight="8"/><rect x="-8" y="44" wi y="44" width="8" height="32"/><dth="8" height="32"/><rect x="0" fill="#fff"><rect x="0" y="0" w<rect x="0" y="36" width="32" he<rect x="0" y="72" width="32" hedth="8" height="32"/><rect x="328" y="8" width="8" height="32"/>ght="32"/><rect x="0" y="36" wid" y="44" width="8" height="32"/><rect x="32" y="8" width="8" heiwidth="8" height="32"/><rect x="ight="8"/><rect x="32" y="44" wiidth="32" height="8"/><rect x="3 y="72" width="32" height="8"/><idth="32" height="8"/><rect x="-2" y="8" width="8" height="32"/>