Transaction 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e
2 Input
- 1aff0e3e27a88dd1c91e3866b0d8ed0bfae783fd18d2a0eefb633055f61ce6ea:0
-
050b3bdfab682d2b4f23e3d730a38b408dca2c2acab77aa67933ba22545e0b2d:0
OP_DATA_32(32) 065bb5c1100bd9ce4c3c9ffc392ac41be85ae739165e2b43f91be3361b616192OP_CHECKSIG(172)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_DATA_1(1)OP_DATA_32(32) $ČuQŽ[ Ścs·Xä?zX{īX6źOP_DATA_1(1)OP_DATA_65(65) ¢dnameiDOOM #103jattributes¢jtrait_typekGL1TCH C0DEevaluefGC #15OP_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>Doomed</title> <style> body, html { margin: 0; padding: 0; background-color: black; } #container { position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin: 0; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } #overlay-red { z-index: 20; background-color:blue; mix-blend-mOP_PUSHDATA2(77) ode: color-dodge; width: 100%; height: 100%; transform-origin: center center; transform: scale(1); /* You can adjust the scale factor as needed */ } #iframe1, #iframe2, .asset { margin: 0 !important; position: fixed; top: 0; left: 0; width: 100%; max-width: 995px; aspect-ratio: 1 / .99; border: none; } .asset { display: none; } .visible-asset { z-index: 3; mix-blend-mode: normal; pointer-events: none; display: block; mix-blend-mode: hard-light; } #bottom-asset { z-index: 3; mOP_PUSHDATA2(77) ix-blend-mode: soft-light; pointer-events: auto; } </style> <script src="/content/3280180e7872eaef3cae589f3122f2f9527d3c1c30445cb13fc6eef03435aa66i0"></script> </head> <body> <div id="container"> <div class="overlay" id="overlay-red"></div> <iframe id="iframe1" src="/content/0f34b3b81c9580926694378e22e267cd234802b44cfc10517d70675378e83eaai0" onmouseover="triggerBlendingEffect()"></iframe> <img id="top-asset-1" class="asset visible-asset" src="/content/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd4020130OP_PUSHDATA2(77) 51672165di0"> <img id="top-asset-2" class="asset" src="/content/51e5df0010aa6af7708a9e0d1f054d63c0285b6d1dec116d1c2dfad7b7fe62a4i0"> </div> <script> const ord = new OrdJS('https://ordinals.com'); var visibleAsset = 1; var lastBlockHeight = null; async function toggleTopAsset() { var asset1 = document.getElementById('top-asset-1'); var asset2 = document.getElementById('top-asset-2'); if (visibleAsset === 1) { asset1.classList.remove('visible-asset'); asset2.classList.add('visible-asset'); visOP_PUSHDATA2(77) ibleAsset = 2; } else { asset1.classList.add('visible-asset'); asset2.classList.remove('visible-asset'); visibleAsset = 1; } } async function checkAndUpdateAssets() { const currentBlockHeight = await ord.getBlockheight(); console.log('lastBlockHeight', lastBlockHeight) console.log('currentBlockHeight', currentBlockHeight) if (lastBlockHeight !== null && currentBlockHeight !== lastBlockHeight) { toggleTopAsset(); } lastBlockHeight = currentBlockHeight; } setInterval(checkAndUpdaOP_PUSHDATA1(76) teAssets, 5000); var container = document.getElementById('container'); container.addEventListener('click', toggleTopAsset); </script> </body> </html>OP_ENDIF(104)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_DATA_1(1)OP_DATA_32(32) $ČuQŽ[ Ścs·Xä?zX{īX6źOP_DATA_1(1)OP_DATA_2(2) 2)OP_DATA_1(1)OP_DATA_64(64) ¢dnamehDOOM #75jattributes¢jtrait_typekGL1TCH C0DEevaluefGC #19OP_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>Doomed</title> <style> body, html { margin: 0; padding: 0; background-color: black; } #container { position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin: 0; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } #overlay-red { z-index:2; background-color:hotpink; mix-blend-OP_PUSHDATA2(77) mode: color-dodge; width: 100%; height: 100%; transform-origin: center center; transform: scale(20); /* You can adjust the scale factor as needed */ } #iframe1, #iframe2, .asset { margin: 0 !important; position: fixed; top: 0; left: 0; width: 100%; max-width: 995px; aspect-ratio: 1 / .99; border: none; } .asset { display: none; } .visible-asset { z-index: 3; mix-blend-mode: normal; pointer-events: none; display: block; mix-blend-mode:hard-light; } #bottom-asset { z-index: 3;OP_PUSHDATA2(77) mix-blend-mode: soft-light; pointer-events: auto; } </style> <script src="/content/3280180e7872eaef3cae589f3122f2f9527d3c1c30445cb13fc6eef03435aa66i0"></script> </head> <body> <div id="container"> <div class="overlay" id="overlay-red"></div> <iframe id="iframe1" src="/content/18f5234b29e38b9dd4df70ed398e9a36d54fe4544e81a95d576dcac3bff97cd3i0" onmouseover="triggerBlendingEffect()"></iframe> <img id="top-asset-1" class="asset visible-asset" src="/content/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd4020130OP_PUSHDATA2(77) 51672165di0"> <img id="top-asset-2" class="asset" src="/content/51e5df0010aa6af7708a9e0d1f054d63c0285b6d1dec116d1c2dfad7b7fe62a4i0"> </div> <script> const ord = new OrdJS('https://ordinals.com'); var visibleAsset = 1; var lastBlockHeight = null; async function toggleTopAsset() { var asset1 = document.getElementById('top-asset-1'); var asset2 = document.getElementById('top-asset-2'); if (visibleAsset === 1) { asset1.classList.remove('visible-asset'); asset2.classList.add('visible-asset'); visOP_PUSHDATA2(77) ibleAsset = 2; } else { asset1.classList.add('visible-asset'); asset2.classList.remove('visible-asset'); visibleAsset = 1; } } async function checkAndUpdateAssets() { const currentBlockHeight = await ord.getBlockheight(); console.log('lastBlockHeight', lastBlockHeight) console.log('currentBlockHeight', currentBlockHeight) if (lastBlockHeight !== null && currentBlockHeight !== lastBlockHeight) { toggleTopAsset(); } lastBlockHeight = currentBlockHeight; } setInterval(checkAndUpdaOP_PUSHDATA1(76) teAssets, 5000); var container = document.getElementById('container'); container.addEventListener('click', toggleTopAsset); </script> </body> </html>OP_ENDIF(104)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_DATA_1(1)OP_DATA_32(32) $ČuQŽ[ Ścs·Xä?zX{īX6źOP_DATA_1(1)OP_DATA_2(2) BPOP_DATA_1(1)OP_DATA_65(65) ¢dnameiDOOM #102jattributes¢jtrait_typekGL1TCH C0DEevaluefGC #15OP_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>Doomed</title> <style> body, html { margin: 0; padding: 0; background-color: black; } #container { position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin: 0; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } #overlay-red { z-index: 2; background-color:orange; mix-blend-OP_PUSHDATA2(77) mode: overlay; width: 100%; height: 100%; transform-origin: center center; transform: scale(1); /* You can adjust the scale factor as needed */ } #iframe1, #iframe2, .asset { margin: 0 !important; position: fixed; top: 0; left: 0; width: 100%; max-width: 995px; aspect-ratio: 1 / .99; border: none; } .asset { display: none; } .visible-asset { z-index: 3; mix-blend-mode: normal; pointer-events: none; display: block; mix-blend-mode: hard-light; } #bottom-asset { z-index: 3; mix-OP_PUSHDATA2(77) blend-mode: soft-light; pointer-events: auto; } </style> <script src="/content/3280180e7872eaef3cae589f3122f2f9527d3c1c30445cb13fc6eef03435aa66i0"></script> </head> <body> <div id="container"> <div class="overlay" id="overlay-red"></div> <iframe id="iframe1" src="/content/afba9c9ec240ca6f1b3998f8e5a4cac1f61cfe2843802b050f6998c187e19825i0" onmouseover="triggerBlendingEffect()"></iframe> <img id="top-asset-1" class="asset visible-asset" src="/content/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd4020130516OP_PUSHDATA2(77) 72165di0"> <img id="top-asset-2" class="asset" src="/content/51e5df0010aa6af7708a9e0d1f054d63c0285b6d1dec116d1c2dfad7b7fe62a4i0"> </div> <script> const ord = new OrdJS('https://ordinals.com'); var visibleAsset = 1; var lastBlockHeight = null; async function toggleTopAsset() { var asset1 = document.getElementById('top-asset-1'); var asset2 = document.getElementById('top-asset-2'); if (visibleAsset === 1) { asset1.classList.remove('visible-asset'); asset2.classList.add('visible-asset'); visiblOP_PUSHDATA2(77) eAsset = 2; } else { asset1.classList.add('visible-asset'); asset2.classList.remove('visible-asset'); visibleAsset = 1; } } async function checkAndUpdateAssets() { const currentBlockHeight = await ord.getBlockheight(); console.log('lastBlockHeight', lastBlockHeight) console.log('currentBlockHeight', currentBlockHeight) if (lastBlockHeight !== null && currentBlockHeight !== lastBlockHeight) { toggleTopAsset(); } lastBlockHeight = currentBlockHeight; } setInterval(checkAndUpdateAOP_PUSHDATA1(76) ssets, 5000); var container = document.getElementById('container'); container.addEventListener('click', toggleTopAsset); </script> </body> </html>OP_ENDIF(104)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_DATA_1(1)OP_DATA_32(32) $ČuQŽ[ Ścs·Xä?zX{īX6źOP_DATA_1(1)OP_DATA_2(2) RwOP_DATA_1(1)OP_DATA_63(63) ¢dnamehDOOM #24jattributes¢jtrait_typekGL1TCH C0DEevalueeGC #5OP_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>Doomed</title> <style> body, html { margin: 0; padding: 0; background-color: black; } #container { position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin: 0; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #overlay-red { background-color:green; mix-blend-mode: color-dodge; } #iframe1, #iframe2, .asset { margin: 0 !importanOP_PUSHDATA2(77) t; position: fixed; top: 0; left: 0; width: 100%; max-width: 995px; aspect-ratio: 1 / .99; border: none; } .asset { display: none; } .visible-asset { z-index: 3; mix-blend-mode: normal; pointer-events: none; display: block; mix-blend-mode: hard } #bottom-asset { z-index: 3; mix-blend-mode: soft-light; pointer-events: auto; } </style> <script src="/content/3280180e7872eaef3cae589f3122f2f9527d3c1c30445cb13fc6eef03435aa66i0 "></script> </head> <body> <div id="container"> <div id="overlay-red" class="overlay"></div>OP_PUSHDATA2(77) <iframe id="iframe1" src="/content/df7156a51f867b63146efdc5dd2650c8925961e2f02330a8c2ec5ef92e7451d7i0" onmouseover="triggerBlendingEffect()"></iframe> <img id="top-asset-1" class="asset visible-asset" src="/content/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd402013051672165di0"> <img id="top-asset-2" class="asset" src="/content/51e5df0010aa6af7708a9e0d1f054d63c0285b6d1dec116d1c2dfad7b7fe62a4i0"> </div> <script> const ord = new OrdJS('https://ordinals.com'); var visibleAsset = 1; var lastBlockHeight = null; asyOP_PUSHDATA2(77) nc function toggleTopAsset() { var asset1 = document.getElementById('top-asset-1'); var asset2 = document.getElementById('top-asset-2'); if (visibleAsset === 1) { asset1.classList.remove('visible-asset'); asset2.classList.add('visible-asset'); visibleAsset = 2; } else { asset1.classList.add('visible-asset'); asset2.classList.remove('visible-asset'); visibleAsset = 1; } } async function checkAndUpdateAssets() { const currentBlockHeight = await ord.getBlockheight(); console.log('lastBlockHeight', lastBlockHeight) coOP_PUSHDATA2(77) nsole.log('currentBlockHeight', currentBlockHeight) if (lastBlockHeight !== null && currentBlockHeight !== lastBlockHeight) { toggleTopAsset(); } lastBlockHeight = currentBlockHeight; } setInterval(checkAndUpdateAssets, 5000); var container = document.getElementById('container'); container.addEventListener('click', toggleTopAsset); </script> </body> </html>OP_ENDIF(104)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_DATA_1(1)OP_DATA_32(32) $ČuQŽ[ Ścs·Xä?zX{īX6źOP_DATA_1(1)OP_DATA_2(2) bOP_DATA_1(1)OP_DATA_62(62) ¢dnamegDOOM #8jattributes¢jtrait_typekGL1TCH C0DEevalueeGC #1OP_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>Doomed</title> <style> body, html { margin: 0; padding: 0; background-color: black; } #container { position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin: 0; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #overlay-red { background-color: purple; mix-blend-mode: darken; } #iframe1, #iframe2, .asset { margin: 0 !important;OP_PUSHDATA2(77) position: fixed; top: 0; left: 0; width: 100%; max-width: 995px; aspect-ratio: 1 / .99; border: none; } .asset { display: none; } .visible-asset { z-index: 3; mix-blend-mode: normal; pointer-events: none; display: block; mix-blend-mode: darken; } #bottom-asset { z-index: 3; mix-blend-mode: overlay; pointer-events: auto; } </style> <script src="/content/3280180e7872eaef3cae589f3122f2f9527d3c1c30445cb13fc6eef03435aa66i0 "></script> </head> <body> <div id="container"> <div id="overlay-red" class="overlay"></div> <OP_PUSHDATA2(77) iframe id="iframe1" src="/content/60ee1a7e10109c5c9374d9fc8c31bbfeb972b3c97ea1664aeb1903e32f815f4di0" onmouseover="triggerBlendingEffect()"></iframe> <img id="top-asset-1" class="asset visible-asset" src="/content/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd402013051672165di0"> <img id="top-asset-2" class="asset" src="/content/51e5df0010aa6af7708a9e0d1f054d63c0285b6d1dec116d1c2dfad7b7fe62a4i0"> </div> <script> const ord = new OrdJS('https://ordinals.com'); var visibleAsset = 1; var lastBlockHeight = null; asyncOP_PUSHDATA2(77) function toggleTopAsset() { var asset1 = document.getElementById('top-asset-1'); var asset2 = document.getElementById('top-asset-2'); if (visibleAsset === 1) { asset1.classList.remove('visible-asset'); asset2.classList.add('visible-asset'); visibleAsset = 2; } else { asset1.classList.add('visible-asset'); asset2.classList.remove('visible-asset'); visibleAsset = 1; } } async function checkAndUpdateAssets() { const currentBlockHeight = await ord.getBlockheight(); console.log('lastBlockHeight', lastBlockHeight) consOP_PUSHDATA2(77) ole.log('currentBlockHeight', currentBlockHeight) if (lastBlockHeight !== null && currentBlockHeight !== lastBlockHeight) { toggleTopAsset(); } lastBlockHeight = currentBlockHeight; } setInterval(checkAndUpdateAssets, 5000); var container = document.getElementById('container'); container.addEventListener('click', toggleTopAsset); </script> </body> </html>OP_ENDIF(104)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_DATA_1(1)OP_DATA_32(32) $ČuQŽ[ Ścs·Xä?zX{īX6źOP_DATA_1(1)OP_DATA_2(2) rÅOP_DATA_1(1)OP_DATA_63(63) ¢dnamehDOOM #11jattributes¢jtrait_typekGL1TCH C0DEevalueeGC #1OP_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>Doomed</title> <style> body, html { margin: 0; padding: 0; background-color: black; } #container { position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin: 0; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #overlay-red { background-color: red; mix-blend-mode: color-burn; } #iframe1, #iframe2, .asset { margin: 0 !important;OP_PUSHDATA2(77) position: fixed; top: 0; left: 0; width: 100%; max-width: 995px; aspect-ratio: 1 / .99; border: none; } .asset { display: none; } .visible-asset { z-index: 3; mix-blend-mode: normal; pointer-events: none; display: block; mix-blend-mode: hard-light; } #bottom-asset { z-index: 3; mix-blend-mode: overlay; pointer-events: auto; } </style> <script src="/content/3280180e7872eaef3cae589f3122f2f9527d3c1c30445cb13fc6eef03435aa66i0 "></script> </head> <body> <div id="container"> <div id="overlay-red" class="overlay"></dOP_PUSHDATA2(77) iv> <iframe id="iframe1" src="/content/60ee1a7e10109c5c9374d9fc8c31bbfeb972b3c97ea1664aeb1903e32f815f4di0" onmouseover="triggerBlendingEffect()"></iframe> <img id="top-asset-1" class="asset visible-asset" src="/content/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd402013051672165di0"> <img id="top-asset-2" class="asset" src="/content/51e5df0010aa6af7708a9e0d1f054d63c0285b6d1dec116d1c2dfad7b7fe62a4i0"> </div> <script> const ord = new OrdJS('https://ordinals.com'); var visibleAsset = 1; var lastBlockHeight = null;OP_PUSHDATA2(77) async function toggleTopAsset() { var asset1 = document.getElementById('top-asset-1'); var asset2 = document.getElementById('top-asset-2'); if (visibleAsset === 1) { asset1.classList.remove('visible-asset'); asset2.classList.add('visible-asset'); visibleAsset = 2; } else { asset1.classList.add('visible-asset'); asset2.classList.remove('visible-asset'); visibleAsset = 1; } } async function checkAndUpdateAssets() { const currentBlockHeight = await ord.getBlockheight(); console.log('lastBlockHeight', lastBlockHeight)OP_PUSHDATA2(77) console.log('currentBlockHeight', currentBlockHeight) if (lastBlockHeight !== null && currentBlockHeight !== lastBlockHeight) { toggleTopAsset(); } lastBlockHeight = currentBlockHeight; } setInterval(checkAndUpdateAssets, 5000); var container = document.getElementById('container'); container.addEventListener('click', toggleTopAsset); </script> </body> </html>OP_ENDIF(104)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_DATA_1(1)OP_DATA_32(32) $ČuQŽ[ Ścs·Xä?zX{īX6źOP_DATA_1(1)OP_DATA_2(2) ģOP_DATA_1(1)OP_DATA_62(62) ¢dnamegDOOM #1jattributes¢jtrait_typekGL1TCH C0DEevalueeGC #2OP_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>Doomed</title> <style> body, html { margin: 0; padding: 0; background-color: black; } #container { position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin: 0; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #overlay-red { background-color: blue; mix-blend-mode: darken; } #iframe1, #iframe2, .asset { margin: 0 !important; poOP_PUSHDATA2(77) sition: fixed; top: 0; left: 0; width: 100%; max-width: 995px; aspect-ratio: 1 / .99; border: none; } .asset { display: none; } .visible-asset { z-index: 3; mix-blend-mode: normal; pointer-events: none; display: block; mix-blend-mode: hard-light; } #bottom-asset { z-index: 3; mix-blend-mode: color-burn; pointer-events: auto; } </style> <script src="/content/3280180e7872eaef3cae589f3122f2f9527d3c1c30445cb13fc6eef03435aa66i0 "></script> </head> <body> <div id="container"> <div id="overlay-red" class="overlay"></dOP_PUSHDATA2(77) iv> <iframe id="iframe1" src="/content/ec19445f6994cf2ff7bd3582a3ad474442f5fe75a3034474f3846f74856b612di0" onmouseover="triggerBlendingEffect()"></iframe> <img id="top-asset-1" class="asset visible-asset" src="/content/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd402013051672165di0"> <img id="top-asset-2" class="asset" src="/content/51e5df0010aa6af7708a9e0d1f054d63c0285b6d1dec116d1c2dfad7b7fe62a4i0"> </div> <script> const ord = new OrdJS('https://ordinals.com'); var visibleAsset = 1; var lastBlockHeight = null;OP_PUSHDATA2(77) async function toggleTopAsset() { var asset1 = document.getElementById('top-asset-1'); var asset2 = document.getElementById('top-asset-2'); if (visibleAsset === 1) { asset1.classList.remove('visible-asset'); asset2.classList.add('visible-asset'); visibleAsset = 2; } else { asset1.classList.add('visible-asset'); asset2.classList.remove('visible-asset'); visibleAsset = 1; } } async function checkAndUpdateAssets() { const currentBlockHeight = await ord.getBlockheight(); console.log('lastBlockHeight', lastBlockHeight)OP_PUSHDATA2(77) console.log('currentBlockHeight', currentBlockHeight) if (lastBlockHeight !== null && currentBlockHeight !== lastBlockHeight) { toggleTopAsset(); } lastBlockHeight = currentBlockHeight; } setInterval(checkAndUpdateAssets, 5000); var container = document.getElementById('container'); container.addEventListener('click', toggleTopAsset); </script> </body> </html>OP_ENDIF(104)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_DATA_1(1)OP_DATA_32(32) $ČuQŽ[ Ścs·Xä?zX{īX6źOP_DATA_1(1)OP_DATA_3(3) OP_DATA_1(1)OP_DATA_63(63) ¢dnamehDOOM #28jattributes¢jtrait_typekGL1TCH C0DEevalueeGC #6OP_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>Doomed</title> <style> body, html { margin: 0; padding: 0; background-color: black; } #container { position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin: 0; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } #overlay-red { z-index: 6; background-color: blue; mix-blend-mOP_PUSHDATA2(77) ode: darken; width: 100%; height: 100%; transform-origin: center center; transform: scale(1); /* You can adjust the scale factor as needed */ } #iframe1, #iframe2, .asset { margin: 0 !important; position: fixed; top: 0; left: 0; width: 100%; max-width: 995px; aspect-ratio: 1 / .99; border: none; } .asset { display: none; } .visible-asset { z-index: 3; mix-blend-mode: normal; pointer-events: none; display: block; mix-blend-mode: color-burn; } #bottom-asset { z-index: 3; mix-blOP_PUSHDATA2(77) end-mode: soft-light; pointer-events: auto; } </style> <script src="/content/3280180e7872eaef3cae589f3122f2f9527d3c1c30445cb13fc6eef03435aa66i0"></script> </head> <body> <div id="container"> <div class="overlay" id="overlay-red"></div> <iframe id="iframe1" src="/content/0e47a9f4fe8ef679c5e67cd331a886e7e24535b1bbcb79a310560daff7a33cbci0" onmouseover="triggerBlendingEffect()"></iframe> <img id="top-asset-1" class="asset visible-asset" src="/content/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd4020130516721OP_PUSHDATA2(77) 65di0"> <img id="top-asset-2" class="asset" src="/content/51e5df0010aa6af7708a9e0d1f054d63c0285b6d1dec116d1c2dfad7b7fe62a4i0"> </div> <script> const ord = new OrdJS('https://ordinals.com'); var visibleAsset = 1; var lastBlockHeight = null; async function toggleTopAsset() { var asset1 = document.getElementById('top-asset-1'); var asset2 = document.getElementById('top-asset-2'); if (visibleAsset === 1) { asset1.classList.remove('visible-asset'); asset2.classList.add('visible-asset'); visibleAsOP_PUSHDATA2(77) set = 2; } else { asset1.classList.add('visible-asset'); asset2.classList.remove('visible-asset'); visibleAsset = 1; } } async function checkAndUpdateAssets() { const currentBlockHeight = await ord.getBlockheight(); console.log('lastBlockHeight', lastBlockHeight) console.log('currentBlockHeight', currentBlockHeight) if (lastBlockHeight !== null && currentBlockHeight !== lastBlockHeight) { toggleTopAsset(); } lastBlockHeight = currentBlockHeight; } setInterval(checkAndUpdateAsseOP_PUSHDATA1(76) ts, 5000); var container = document.getElementById('container'); container.addEventListener('click', toggleTopAsset); </script> </body> </html>OP_ENDIF(104)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_DATA_1(1)OP_DATA_32(32) $ČuQŽ[ Ścs·Xä?zX{īX6źOP_DATA_1(1)OP_DATA_3(3) ¢:OP_DATA_1(1)OP_DATA_63(63) ¢dnamehDOOM #25jattributes¢jtrait_typekGL1TCH C0DEevalueeGC #5OP_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>Doomed</title> <style> body, html { margin: 0; padding: 0; background-color: black; } #container { position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin: 0; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #overlay-red { background-color:green; mix-blend-mode: darken; } #iframe1, #iframe2, .asset { margin: 0 !important; poOP_PUSHDATA2(77) sition: fixed; top: 0; left: 0; width: 100%; max-width: 995px; aspect-ratio: 1 / .99; border: none; } .asset { display: none; } .visible-asset { z-index: 3; mix-blend-mode: normal; pointer-events: none; display: block; mix-blend-mode: hard-lightlight; } #bottom-asset { z-index: 3; mix-blend-mode: soft-light; pointer-events: auto; } </style> <script src="/content/3280180e7872eaef3cae589f3122f2f9527d3c1c30445cb13fc6eef03435aa66i0 "></script> </head> <body> <div id="container"> <div id="overlay-red" class="overlay"OP_PUSHDATA2(77) ></div> <iframe id="iframe1" src="/content/df7156a51f867b63146efdc5dd2650c8925961e2f02330a8c2ec5ef92e7451d7i0" onmouseover="triggerBlendingEffect()"></iframe> <img id="top-asset-1" class="asset visible-asset" src="/content/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd402013051672165di0"> <img id="top-asset-2" class="asset" src="/content/51e5df0010aa6af7708a9e0d1f054d63c0285b6d1dec116d1c2dfad7b7fe62a4i0"> </div> <script> const ord = new OrdJS('https://ordinals.com'); var visibleAsset = 1; var lastBlockHeight = nuOP_PUSHDATA2(77) ll; async function toggleTopAsset() { var asset1 = document.getElementById('top-asset-1'); var asset2 = document.getElementById('top-asset-2'); if (visibleAsset === 1) { asset1.classList.remove('visible-asset'); asset2.classList.add('visible-asset'); visibleAsset = 2; } else { asset1.classList.add('visible-asset'); asset2.classList.remove('visible-asset'); visibleAsset = 1; } } async function checkAndUpdateAssets() { const currentBlockHeight = await ord.getBlockheight(); console.log('lastBlockHeight', lastBlockHeiOP_PUSHDATA2(77) ght) console.log('currentBlockHeight', currentBlockHeight) if (lastBlockHeight !== null && currentBlockHeight !== lastBlockHeight) { toggleTopAsset(); } lastBlockHeight = currentBlockHeight; } setInterval(checkAndUpdateAssets, 5000); var container = document.getElementById('container'); container.addEventListener('click', toggleTopAsset); </script> </body> </html>OP_ENDIF(104)
10 Outputs
- 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:0
- 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:1
- 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:2
- 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:3
- 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:4
- 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:5
- 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:6
- 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:7
- 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:8
- 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:9
value 546
address bc1pc399axl4jgkqh25fu0hhnxjskgvggrd026rjd2gk3jcu70gh9kuqg6anh2
value 10000
address bc1pjf80s2p3k8kcum2xcpw55y02vp9js44fhn2jq2uxl7cmkjfulxtq3dfah2
value 10000
address bc1pz3pxz5evvzvgrgwn7wphejj93ydnj4yecz9fvdkwulpyxymvz0rqcha48x
value 10000
address bc1pnt2eg7sza0w9spzxm7c3alyu6pmvu7cutyqx38nkf2uz08tns0aq9gtlxv
value 10000
address bc1pzephdf5q0xzmwg3y65pkdz23xvxnl3g7vl6p0pz04h7qj97vrwqqe2pjqg
value 10000
address bc1p35lm2gjgh4zs083d6vwd7trtuq36wxaphwrmwcdy508889n2uczqzr43t2
value 10000
address bc1px8h3gzqw59qptkdr6zeq7qvqtt2e2fztms2es6xygdpq8djy02cqrs3ll2
value 10000
address bc1pzufkgnhfm724fv6t3rh4vdden59d6hl4ef5v02qjy4skhcr403lsalx7a3
value 10000
address bc1pzdhm30jte3403n6xq3f97a99qjfm09zdrvxs0zz27jtzte0pu8eqazq9rh
value 10000
address bc1pth5m5885v33dxclutktn5wmhyryc5smuhxgwgzdr0r5zg8r60d5sg7qct2