0xc12df5f4…e907sent to0x0efd5254…9d85·#13,474,973·view on Etherscan
<html lang="en"><head><meta charset="UTF-8"><style>@import url('https://fonts.googleapis.com/css2?family=Nova+Mono&display=swap');@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap');@import url('https://fonts.googleapis.com/css2?family=Xanh+Mono&display=swap');@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');body{background-color:transparent;font-family:'Nova Mono', monospace;width:100%;height:100%;margin:0}#canvas{width:100%;height:100%;margin:0}</style></head><body><canvas id="{canvasid}"></canvas><script>function isLeapYear(year){return((year%4==0)&&(year%100!=0))||(year%400==0)}function daysInMonth(month,year){return[31,(isLeapYear(year)?29:28),31,30,31,30,31,31,30,31,30,31][month]}function degToRad(degree){var factor=Math.PI/180;return degree*factor}function pad(num,size){var s=num+"";while(s.length<size){s="0"+s}return s}var Moon={phases:['🌑','🌒','🌓','🌔','🌕','🌖','🌗','🌘'],phase:function(year,month,day){let c=e=jd=b=0;if(month<3){year-=1;month+=12}month+=1;c=365.25*year;e=30.6*month;jd=c+e+day-694039.09;jd/=29.5305882;b=parseInt(jd);jd-=b;b=Math.round(jd*8);if(b>=8){b=0}return{phase:b,name:Moon.phases[b]}}};var canvas=document.getElementById("{canvasid}");var bgcolor='{bgcolor}';var fgcolor='{fgcolor}';var txtcolor='{txtcolor}';var tierName='{tierName}';var canvasWidth=window.innerWidth;var canvasHeight=window.innerHeight;var sizeSquare=0;if(canvasWidth>=canvasHeight){sizeSquare=canvasHeight}else{sizeSquare=canvasWidth}canvas.width=sizeSquare;canvas.height=sizeSquare;var onecanvas=sizeSquare;var halfcanvas=sizeSquare/2;var track=sizeSquare/24;var fontpoint=sizeSquare/128;var ctx=canvas.getContext("2d");ctx.strokeStyle=fgcolor;ctx.lineWidth=sizeSquare/36;ctx.shadowBlur=10;ctx.shadowColor=fgcolor;function renderTime(){var now=new Date();var fyr=now.getFullYear();var mnt=now.getMonth();var day=now.getDate();var dim=daysInMonth(mnt,fyr);var hrs=now.getHours();var min=now.getMinutes();var sec=now.getSeconds();var mil=now.getMilliseconds();var smoothsec=sec+(mil/1000);var smoothmin=min+(smoothsec/60);var today=fyr+'/'+pad((mnt+1),2)+'/'+pad(day,2);var agujas=pad(hrs,2)+':'+pad(min,2)+':'+pad(sec,2);gradient=ctx.createRadialGradient(halfcanvas,halfcanvas,20,halfcanvas,halfcanvas,300);gradient.addColorStop(0,bgcolor);if(tierName=='Clepsydra'){gradient.addColorStop(1,"#BAA86F")}else{gradient.addColorStop(1,"black")}ctx.fillStyle=gradient;ctx.fillRect(0,0,onecanvas,onecanvas);console.log(hrs+":"+min+":"+smoothsec);if(tierName=='Stygian Chronosphere'||tierName=='Taskukello'||tierName=='Horologium'){ctx.beginPath();ctx.arc(halfcanvas,halfcanvas,track*11,degToRad(270),degToRad(((mnt+0.9999)*30)-90));ctx.stroke();ctx.beginPath();ctx.arc(halfcanvas,halfcanvas,track*10,degToRad(270),degToRad((day*(360/dim))-90)-0.0001);ctx.stroke();ctx.beginPath();ctx.arc(halfcanvas,halfcanvas,track*8,degToRad(270),degToRad(((hrs+0.9999)*30)-90));ctx.stroke();ctx.beginPath();ctx.arc(halfcanvas,halfcanvas,track*7,degToRad(270),degToRad(((min+0.9999)*30)-90));ctx.stroke();ctx.beginPath();ctx.arc(halfcanvas,halfcanvas,track*6,degToRad(270),degToRad((smoothsec*6)-90));ctx.stroke()}else{ctx.beginPath();ctx.arc(halfcanvas,halfcanvas,track*11,degToRad(270),degToRad((hrs*30)-90));ctx.stroke();ctx.beginPath();ctx.arc(halfcanvas,halfcanvas,track*10,degToRad(270),degToRad((smoothmin*6)-90));ctx.stroke();ctx.beginPath();ctx.arc(halfcanvas,halfcanvas,track*9,degToRad(270),degToRad((smoothsec*6)-90));ctx.stroke()}ctx.textBaseline='middle';ctx.textAlign='center';if(tierName=='Stygian Chronosphere'){ctx.fillStyle=txtcolor;ctx.font=(12*fontpoint)+'px Share Tech Mono';ctx.fillText(Moon.phase(fyr,mnt,day).name,halfcanvas,(halfcanvas-(halfcanvas/4)));ctx.font=(8*fontpoint)+'px Share Tech Mono';ctx.fillText(today,halfcanvas,halfcanvas);ctx.fillText(agujas,halfcanvas,(halfcanvas+(halfcanvas/4)))}else if(tierName=='Taskukello'){ctx.fillStyle=txtcolor;ctx.font=(9*fontpoint)+'px Major Mono Display';ctx.fillText(Moon.phase(fyr,mnt,day).name,halfcanvas,(halfcanvas-(halfcanvas/4)));ctx.font=(7*fontpoint)+'px Major Mono Display';ctx.fillText(today,halfcanvas,halfcanvas);ctx.fillText(agujas,halfcanvas,(halfcanvas+(halfcanvas/4)))}else if(tierName=='Clepsydra'){ctx.fillStyle=txtcolor;ctx.font=(11*fontpoint)+'px Nova Mono';ctx.fillText(today,halfcanvas,(halfcanvas-(halfcanvas/4)));ctx.fillText(agujas,halfcanvas,(halfcanvas+(halfcanvas/4)))}else if(tierName=='Shizhong'){ctx.fillStyle=txtcolor;ctx.font=(11*fontpoint)+'px Xanh Mono';ctx.fillText(Moon.phase(fyr,mnt,day).name,halfcanvas,(halfcanvas-(halfcanvas/4)));ctx.fillText(today,halfcanvas,halfcanvas);ctx.fillText(agujas,halfcanvas,(halfcanvas+(halfcanvas/4)))}else if(tierName=='Horologium'){ctx.fillStyle=txtcolor;ctx.font=(28*fontpoint)+'px Nova Mono';ctx.fillText(pad(day,2),halfcanvas,halfcanvas)}}setInterval(renderTime,40);</script></body></html>