Ord.io Logo
Inscriptions
Runes
Ord.io Logo
Ord.io
Inscription

71,588,217

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Memory Game</title>
  <style>
    * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
    }

    body {
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: #000000;
      color: greenyellow;
      font-family: 'Source Code Pro', monospace;
    }

    .memory-game {
      width: 90vw;
      max-width: 640px;
      height: 90vw;
      max-height: 640px;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      perspective: 1000px;
    }

    .memory-card {
      width: calc(25% - 10px);
      height: calc(25% - 10px);
      margin: 5px;
      position: relative;
      transform: scale(1);
      transform-style: preserve-3d;
      transition: transform .5s;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    }

    .memory-card:active {
      transform: scale(0.97);
      transition: transform .2s;
    }

    .memory-card.flip {
      transform: rotateY(180deg);
    }

    .front-face,
    .back-face {
      width: 100%;
      height: 100%;
      position: absolute;
      border-radius: 5px;
      background: #000000;
      backface-visibility: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .front-face {
      transform: rotateY(180deg);
    }

    .front-face iframe,
    .front-face img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .title {
      text-align: center;
      font-size: 2rem;
      margin-top: 30px;
      color: greenyellow;
      font-family: 'Source Code Pro', monospace;
      font-size: medium;
    }

    .input-form {
      display: none;
      flex-direction: column;
      align-items: center;
      margin-top: 10px;
    }

    .input-form input {
      margin-bottom: 10px;
      padding: 10px;
      font-size: 1rem;
    }

    .input-form button {
      padding: 10px 20px;
      font-size: 1rem;
      cursor: pointer;
    }

    .winner-image {
      display: none;
      text-align: center;
      margin-top: 10px;
      max-width: 90vw;
      max-height: 60vh;
    }

    .winner-image img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      max-height: 100%;
    }
  </style>
</head>

<body>
  <div class="title">
    <h1>Memory Game</h1>
  </div>
  <section class="memory-game">
    <div class="memory-card" data-framework="ninjas">
      <div class="front-face"><iframe src="/content/9ad43b591e58b23d8550dfdae431432b6ea3a7079d09ef80ee1554c5a3f8d543i0" id="iframe1"></iframe></div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="ninjas">
      <div class="front-face"><iframe src="/content/9ad43b591e58b23d8550dfdae431432b6ea3a7079d09ef80ee1554c5a3f8d543i0" id="iframe2"></iframe></div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="fomojis">
      <div class="front-face">
        <div class="relative h-full w-full">
          <div class="bg-background-subdued absolute top-0 z-0 flex h-full w-full items-center justify-center"></div> <img alt="Ordinal image asset" class="absolute top-0 left-0 bg-background-subdued m-0 p-0 h-full w-full opacity-100" src="/content/b76fb47892d05593a81d2bd7f2137e43632346bc2e282908d4fa11772155f031i0" loading="lazy" style="object-fit: contain; image-rendering: auto;">
        </div>
      </div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="fomojis">
      <div class="front-face">
        <div class="relative h-full w-full">
          <div></div> <img alt="Ordinal image asset" class="absolute top-0 left-0 bg-background-subdued m-0 p-0 h-full w-full opacity-100" src="/content/b76fb47892d05593a81d2bd7f2137e43632346bc2e282908d4fa11772155f031i0" loading="lazy" style="object-fit: contain; image-rendering: auto;">
        </div>
      </div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="frogs">
      <div class="front-face">
        <div class="relative h-full w-full">
          <div></div> <img alt="Ordinal image asset" class="absolute top-0 left-0 bg-background-subdued m-0 p-0 h-full w-full opacity-100" src="/content/d19981a198e4a8419c8be18588d9e4919cea294deefdb5f9261a30242df578b7i0" loading="lazy" style="object-fit: contain; image-rendering: pixelated;">
        </div>
      </div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="frogs">
      <div class="front-face">
        <div class="relative h-full w-full">
          <div class="bg-background-subdued absolute top-0 z-0 flex h-full w-full items-center justify-center"></div> <img alt="Ordinal image asset" class="absolute top-0 left-0 bg-background-subdued m-0 p-0 h-full w-full opacity-100" src="/content/d19981a198e4a8419c8be18588d9e4919cea294deefdb5f9261a30242df578b7i0" loading="lazy" style="object-fit: contain; image-rendering: pixelated;">
        </div>
      </div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="wizards">
      <div class="front-face">
        <div class="relative h-full w-full">
          <div></div> <img alt="Ordinal image asset" src="/content/889d3f31eeb3797a8a03e3dd519dd4c8de9fd0cd1834f14b9f184cb88f83d538i0" loading="lazy" style="object-fit: contain; image-rendering: pixelated; top: 0; left: 0; position: absolute;">
        </div>
      </div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="wizards">
      <div class="front-face">
        <div class="relative h-full w-full">
          <div></div> <img alt="Ordinal image asset" src="/content/889d3f31eeb3797a8a03e3dd519dd4c8de9fd0cd1834f14b9f184cb88f83d538i0" loading="lazy" style="object-fit: contain; image-rendering: pixelated; top: 0; left: 0; position: absolute;">
        </div>
      </div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="cat">
      <div class="front-face"> <iframe sandbox="allow-scripts" src="/content/4b31771df21656d2a77e6fa18720a6dd94b04510b9065a7c67250d5c89ad2079i0" class="h-full w-full" scrolling="no"></iframe> </div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="cat">
      <div class="front-face"> <iframe sandbox="allow-scripts" src="/content/4b31771df21656d2a77e6fa18720a6dd94b04510b9065a7c67250d5c89ad2079i0" class="h-full w-full" scrolling="no"></iframe> </div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="omb">
      <div class="front-face"><img src="/content/e4ea0ab9b713966e91f088c8824711c2245493d9e3ad279cb7cd4928e7e53caci0" alt="React" /></div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="omb">
      <div class="front-face"><img src="/content/e4ea0ab9b713966e91f088c8824711c2245493d9e3ad279cb7cd4928e7e53caci0" alt="React" /></div> <img class="back-face" src="/content/2d375997911e85cc76940e43455080bcdfcce3f305b3f59e623f74ac0b0794d2i0" alt="JS Badge" />
    </div>
  </section>
  <div class="input-form"> <input type="text" id="winner-input" placeholder="Enter the password"> <button onclick="checkWinner()">Submit</button> </div>
  <div class="winner-image"> <img src="/content/72900cf8c9c45e8405b102f4f8e94c210f3fb666d7c132db08b568699967fd19i0" alt="Winner Image">
    <p>Please type the password in the comments to confirm along with your twitter handle and reach out to @agooddoctoor via twitter.</p>
  </div>
  <script>
    const cards = document.querySelectorAll('.memory-card');
    let hasFlippedCard = false;
    let lockBoard = false;
    let firstCard, secondCard;
    let matchedPairs = 0;

    function flipCard() {
      if (lockBoard) return;
      if (this === firstCard) return;
      this.classList.add('flip');
      if (!hasFlippedCard) {
        hasFlippedCard = true;
        firstCard = this;
        return;
      }
      secondCard = this;
      checkForMatch();
    }

    function checkForMatch() {
      let isMatch = firstCard.dataset.framework === secondCard.dataset.framework;
      isMatch ? disableCards() : unflipCards();
    }

    function disableCards() {
      firstCard.removeEventListener('click', flipCard);
      secondCard.removeEventListener('click', flipCard);
      matchedPairs++;
      if (matchedPairs === cards.length / 2) {
        showInputForm();
      }
      resetBoard();
    }

    function unflipCards() {
      lockBoard = true;
      setTimeout(() => {
        firstCard.classList.remove('flip');
        secondCard.classList.remove('flip');
        resetBoard();
      }, 1500);
    }

    function resetBoard() {
      [hasFlippedCard, lockBoard] = [false, false];
      [firstCard, secondCard] = [null, null];
    }

    function resetGame() {
      matchedPairs = 0;
      cards.forEach(card => card.classList.remove('flip'));
      shuffle();
      cards.forEach(card => card.addEventListener('click', flipCard));
      document.querySelector('.input-form').style.display = 'none';
      document.querySelector('.memory-game').style.display = 'flex';
    }

    function shuffle() {
      cards.forEach(card => {
        let randomPos = Math.floor(Math.random() * 12);
        card.style.order = randomPos;
      });
    }

    function showInputForm() {
      document.querySelector('.memory-game').style.display = 'none';
      document.querySelector('.input-form').style.display = 'flex';
    }

    function encryptPassword(password) {
      return btoa(password);
    }

    function checkWinner() {
      const input = document.getElementById('winner-input').value;
      const encryptedInput = encryptPassword(input);
      const correctPassword = 'MjAyMy0wMi0wODIwMjMtMDMtMTEyMDIzLTA2LTAyMjAyMy0wNi0xMDIwMjQtMDEtMDgyMDI0LTAxLTE4';
      if (encryptedInput === correctPassword) {
        document.querySelector('.input-form').style.display = 'none';
        document.querySelector('.winner-image').style.display = 'block';
      } else {
        resetGame();
      }
    }(function initializeGame() {
      shuffle();
      cards.forEach(card => card.addEventListener('click', flipCard));
    })();

    function injectCSSIntoIframe(iframe) {
      const css = 'img { height: 100vh; }';
      const style = document.createElement('style');
      style.type = 'text/css';
      style.appendChild(document.createTextNode(css));
      iframe.onload = () => {
        iframe.contentWindow.document.head.appendChild(style);
      };
    }
    const iframes = document.querySelectorAll('iframe');
    iframes.forEach(injectCSSIntoIframe);
  </script>
</body>

</html>
Owner Image

AGOODDOCTOR

298 days ago

The password is relevant
Image

rgalyeon

298 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @rgalyeon_
Image

paz

298 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @thenatpaz
Owner Image

beaniebag62

298 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @beaniebag62

Chapta

298 days ago

What could this mean?
Owner Image

bc1ps...hzaw8

295 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @Parmjeet_1998
Owner Image

bc1pe...x5pk5

298 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @0xUncleSam
Owner Image

Pero

298 days ago

Hmmm riddle riddle is it experiment?
Owner Image

bc1pp...0v9rz

204 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @tatakuwn
Owner Image

bc1pu...u8nrj

227 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @MisterFalido
Image

SuperFeijao

228 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @SuperFeijao_NFT

Andromeda

267 days ago

Perfect Game!
Image

SwooshNFT

278 days ago

bc1p90s4rg0tr0x0cqg8kyn5addtexasy6xdeu49mue46qkagvzzc2eqnqnfkg
Owner Image

bc1pw...5p65n

279 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @ubloio.sei
Owner Image

bc1p3...luxsf

285 days ago

bc1pg2v92728hrzarvd33q4lsnhyh3kdtsvl8hsw2kuhr7yv2u5k7mdsl8jlws
Owner Image

bc1p3...luxsf

285 days ago

bc1p3d394kt5dgu99zqavprqxlqfaa2fhr3g4xzz4wd5kxe8e28y4nfs3luxsf

mkultra.btc

289 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @mk47km
Image

Rakate

292 days ago

too easy :D
Image

Freire

293 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18
Owner Image

bc1p0...ueyv8

294 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @vdaria0817
Owner Image

bc1px...pk8va

294 days ago

bc1pxpz7wgj3egcqr7pwhlhk0cc8tfps48nh4c50l8vk4nwrwuf6vgxshpk8va
Owner Image

bc1pm...pc05j

294 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18
Image

Dark Willow

295 days ago

bc1pkf22tc5kjxfrexeeagxtsqxhaphvn26uqyaj964arwdw6v8hgvfq9cprgq

ComptesDeLaCrypt

296 days ago

I hope relevant is true password cuz i won ❤️‍🔥🚀🟧
Owner Image

bc1p3...m6kyz

296 days ago

2023-02-082023-03-112023-06-022023-06-102024-01-082024-01-18 @antoniothedwarf
  • ID

    d2b6a...491i0

  • Owned By
    Owner Image

    bc1pk...ksp3h

  • File Type

    HTMLtext/html;charset=utf-8

  • File Size

    10.236 KB

  • Created

    June 10, 2024, 3:23 PM UTC

    298 days ago

  • Creation Block
    847,363
  • Creation Transaction
    d2b6a...9d491
  • Creation Fee

    92,208sats

  • Tags

    No tags yet

Sat

  • Sat Number
    4122595492770
  • Sat Name

    nuzkbaekmxb

  • Sat Creation Block
    824
  • Sat Creation Year

    2009

  • Inscriptions
    1. 1. 71,588,217
  • Cursed Inscriptions

    No cursed inscriptions yet

  • SATRIBUTES
    Vintage

Recursive Modules

HTML

56,122,947

text/html;charset=utf-8

Inscription

70,620,284

image/webp

HTML

56,122,947

text/html;charset=utf-8

Inscription

70,620,284

image/webp

Inscription

18,965

image/jpeg

Inscription

70,620,284

image/webp

Inscription

18,965

image/jpeg

Inscription

70,620,284

image/webp

Inscription

408,543

image/webp

Inscription

70,620,284

image/webp