Transaction 8f326c2ca05ebd720f2eefd849d96dc83f60b44dbe575da11b2b8c2eeea73cc5
1 Input
-
af8a57530f068349acad59fdc24a15b922d8a9105411ea832aa61615e64e38bf:0
OP_DATA_32(32) 117f692257b2331233b5705ce9c682be8719ff1b2b64cbca290bd6faeb54423eOP_CHECKSIG(172)OP_DATA_6(6) ™*µÈˆOP_DROP(117)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_0(0)OP_PUSHDATA2(77) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Canvas Analog Clock</title> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #000000; /* Black background */ } canvas { } </style> </head> <body> <canvas id="clock" width="285" height="285"></canvas>OP_PUSHDATA2(77) <script> const canvas = document.getElementById("clock"); const ctx = canvas.getContext("2d"); const radius = (canvas.height / 2) - 20; ctx.translate(canvas.width / 2, canvas.height / 2); setInterval(drawClock, 10); // Lowered interval for smoother seconds hand function drawClock() { ctx.clearRect(-canvas.width / 2, -canvas.height / 2, canvas.width, canvas.height); // Clear canvas drawFace(ctx, radius); drawNumbers(ctx, radius);OP_PUSHDATA2(77) drawTime(ctx, radius); } function drawFace(ctx, radius) { ctx.beginPath(); ctx.arc(0, 0, radius, 0, 2 * Math.PI); ctx.fillStyle = "#000"; /* Bitcoin color */ ctx.fill(); ctx.strokeStyle = "#ffffff"; /* White color */ ctx.lineWidth = radius * 0.05; ctx.stroke(); ctx.beginPath(); ctx.arc(0, 0, radius * 0.1, 0, 2 * Math.PI); ctx.fillStyle = "#ffffff"; /* White color */OP_PUSHDATA2(77) ctx.fill(); ctx.font = radius * 0.25 + "px Didot"; ctx.textBaseline = "middle"; ctx.textAlign = "center"; ctx.fillStyle = "#ffffff"; /* White color */ ctx.fillText("BTC", 0, 50); } function drawNumbers(ctx, radius) { ctx.font = radius * 0.15 + "px Didot"; ctx.textBaseline = "middle"; ctx.textAlign = "center"; ctx.fillStyle = "#ffffff"; /* White color */ for (let num = 1;OP_PUSHDATA2(77) num <= 12; num++) { const angle = num * Math.PI / 6; ctx.rotate(angle); ctx.translate(0, -radius * 0.85); ctx.rotate(-angle); ctx.fillText(num.toString(), 0, 0); ctx.rotate(angle); ctx.translate(0, radius * 0.85); ctx.rotate(-angle); } } function drawTime(ctx, radius) { const now = new Date(); const hour = now.getHours(); coOP_PUSHDATA2(77) nst minute = now.getMinutes(); const millisecond = now.getMilliseconds(); const second = now.getSeconds() + millisecond / 1000; // Draw hour hand ctx.strokeStyle = "#ff5722"; /* White color f2a900 */ drawHand(ctx, (hour % 12) * Math.PI / 6 + minute * Math.PI / 360 + second * Math.PI / 21600, radius * 0.55, radius * 0.045); // Draw minute hand ctx.strokeStyle = "#ff5722"; /* Bitcoin color */ drawHand(ctx, minute * Math.OP_PUSHDATA2(77) PI / 30 + second * Math.PI / 1800, radius * 0.8, radius * 0.045); // Draw second hand ctx.strokeStyle = "#fff"; /* Bitcoin color #ff5722 */ drawHand(ctx, second * Math.PI / 30, radius * 0.9, radius * 0.02); } function drawHand(ctx, position, length, width) { ctx.beginPath(); ctx.lineWidth = width; ctx.lineCap = "round"; ctx.moveTo(0, 0); ctx.rotate(position); ctx.lineTo(0, -length);OP_PUSHDATA1(76) ctx.stroke(); ctx.rotate(-position); } </script> </body> </html>OP_ENDIF(104)
2 Outputs
- 8f326c2ca05ebd720f2eefd849d96dc83f60b44dbe575da11b2b8c2eeea73cc5:0
- 8f326c2ca05ebd720f2eefd849d96dc83f60b44dbe575da11b2b8c2eeea73cc5:1
value 546
address 32PQZPBA9ZkAVi7FmAWkB47aHBm44k3oHE
value 2771
address bc1qku9ax6ky5w4amy5dqj0nat96xhc88cc6anrlvp