Transaction 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e

2 Input
  • 1aff0e3e27a88dd1c91e3866b0d8ed0bfae783fd18d2a0eefb633055f61ce6ea:0
  • 050b3bdfab682d2b4f23e3d730a38b408dca2c2acab77aa67933ba22545e0b2d:0
    OP_DATA_32(32) 065bb5c1100bd9ce4c3c9ffc392ac41be85ae739165e2b43f91be3361b616192
    OP_CHECKSIG(172)
    OP_0(0)
    OP_IF(99)
    OP_DATA_3(3) ord
    OP_DATA_1(1) 
    OP_DATA_23(23) text/html;charset=utf-8
    OP_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 #15
    OP_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-m
    OP_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; m
    OP_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/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd4020130
    OP_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'); vis
    OP_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(checkAndUpda
    OP_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) ord
    OP_DATA_1(1) 
    OP_DATA_23(23) text/html;charset=utf-8
    OP_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 #19
    OP_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/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd4020130
    OP_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'); vis
    OP_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(checkAndUpda
    OP_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) ord
    OP_DATA_1(1) 
    OP_DATA_23(23) text/html;charset=utf-8
    OP_DATA_1(1) 
    OP_DATA_32(32) $„ČuQ˜Ž[ Ścs·Xä?zX{ī‚X6ź
    OP_DATA_1(1) 
    OP_DATA_2(2) BP
    OP_DATA_1(1) 
    OP_DATA_65(65) ¢dnameiDOOM #102jattributes¢jtrait_typekGL1TCH C0DEevaluefGC #15
    OP_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/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd4020130516
    OP_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'); visibl
    OP_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(checkAndUpdateA
    OP_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) ord
    OP_DATA_1(1) 
    OP_DATA_23(23) text/html;charset=utf-8
    OP_DATA_1(1) 
    OP_DATA_32(32) $„ČuQ˜Ž[ Ścs·Xä?zX{ī‚X6ź
    OP_DATA_1(1) 
    OP_DATA_2(2) Rw
    OP_DATA_1(1) 
    OP_DATA_63(63) ¢dnamehDOOM #24jattributes¢jtrait_typekGL1TCH C0DEevalueeGC #5
    OP_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 !importan
    OP_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; asy
    OP_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) co
    OP_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) ord
    OP_DATA_1(1) 
    OP_DATA_23(23) text/html;charset=utf-8
    OP_DATA_1(1) 
    OP_DATA_32(32) $„ČuQ˜Ž[ Ścs·Xä?zX{ī‚X6ź
    OP_DATA_1(1) 
    OP_DATA_2(2) bž
    OP_DATA_1(1) 
    OP_DATA_62(62) ¢dnamegDOOM #8jattributes¢jtrait_typekGL1TCH C0DEevalueeGC #1
    OP_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; async
    OP_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) cons
    OP_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) ord
    OP_DATA_1(1) 
    OP_DATA_23(23) text/html;charset=utf-8
    OP_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 #1
    OP_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"></d
    OP_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) ord
    OP_DATA_1(1) 
    OP_DATA_23(23) text/html;charset=utf-8
    OP_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 #2
    OP_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; po
    OP_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"></d
    OP_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) ord
    OP_DATA_1(1) 
    OP_DATA_23(23) text/html;charset=utf-8
    OP_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 #6
    OP_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-m
    OP_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-bl
    OP_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/787b9657f0a1351c8db392e54c27b6df0d66cb6ffc729abd4020130516721
    OP_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'); visibleAs
    OP_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(checkAndUpdateAsse
    OP_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) ord
    OP_DATA_1(1) 
    OP_DATA_23(23) text/html;charset=utf-8
    OP_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 #5
    OP_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; po
    OP_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 = nu
    OP_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', lastBlockHei
    OP_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
  • value  546
    address  bc1pc399axl4jgkqh25fu0hhnxjskgvggrd026rjd2gk3jcu70gh9kuqg6anh2
  • 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:1
  • value  10000
    address  bc1pjf80s2p3k8kcum2xcpw55y02vp9js44fhn2jq2uxl7cmkjfulxtq3dfah2
  • 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:2
  • value  10000
    address  bc1pz3pxz5evvzvgrgwn7wphejj93ydnj4yecz9fvdkwulpyxymvz0rqcha48x
  • 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:3
  • value  10000
    address  bc1pnt2eg7sza0w9spzxm7c3alyu6pmvu7cutyqx38nkf2uz08tns0aq9gtlxv
  • 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:4
  • value  10000
    address  bc1pzephdf5q0xzmwg3y65pkdz23xvxnl3g7vl6p0pz04h7qj97vrwqqe2pjqg
  • 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:5
  • value  10000
    address  bc1p35lm2gjgh4zs083d6vwd7trtuq36wxaphwrmwcdy508889n2uczqzr43t2
  • 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:6
  • value  10000
    address  bc1px8h3gzqw59qptkdr6zeq7qvqtt2e2fztms2es6xygdpq8djy02cqrs3ll2
  • 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:7
  • value  10000
    address  bc1pzufkgnhfm724fv6t3rh4vdden59d6hl4ef5v02qjy4skhcr403lsalx7a3
  • 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:8
  • value  10000
    address  bc1pzdhm30jte3403n6xq3f97a99qjfm09zdrvxs0zz27jtzte0pu8eqazq9rh
  • 24246f4c6c2b39bce3e0b0fb5515513bbbd88958b90a94ee9378e575b9e85c7e:9
  • value  10000
    address  bc1pth5m5885v33dxclutktn5wmhyryc5smuhxgwgzdr0r5zg8r60d5sg7qct2