<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Monkes Twenty One - Self Inscribe 28x28 Pixel Art Collection - First Is First</title>
  <link rel="icon" type="image/png" href="favicon.png">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css"
    integrity="sha512-wnea99uKIC3TJF7v4eKk4Y+lMz2Mklv18+r4na2Gn1abDRPPOeef95xTzdwGD9e6zXJBteMIhZ1+68QC5byJZw=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <link href="https://fonts.cdnfonts.com/css/edit-undo-brk" rel="stylesheet">
</head>

<body>

  <div id="home"></div>
  <nav class="backdrop-filter backdrop-blur-md sticky z-50 top-0">
    <div class=" flex flex-wrap items-center justify-between mx-auto p-4">
      <a href="#home" class="flex">
        <img src="home.png" class="h-16 nav-button" />
      </a>
    </div>
  </nav>

  <div id="how-to" class="main">
    <div class=" hello text-center text-3xl md:text-4xl lg:text-6xl "> Monkes Twenty One, first is first!</div>
    <div class=" hello text-center text-3xl md:text-4xl lg:text-6xl "> -</div>
    <div class=" hello text-center text-3xl md:text-4xl lg:text-4xl "> 4200+ / 21000 Minted!</div>
    <br>
    <button class="accordion text-2xl font-large">How to</button>
    <div class="panel">
      <br>
      <li>Monkes Twenty One is a free self inscribe collection, only the first confirmed inscription of each image (in 28x28px) is counted as part
        of the collection.</li>
      <li>You can check a monke's availability by using the check button below it's image. <span
         style="color:#d43737;">NOTE:
          This doesn't include any unconfirmed inscriptions, you can check unconfirmed inscriptions on <a
            class="font-bold" target="_blank" href="https://unisat.io/" style="color:#f83f3f; ">Unisat</a>.</span></li>
      <li>The status of the monke will appear on the bottom right of the page, 
             if it's free; right click save as .PNG and
        inscribe using your favorite service.</li>
      <li>Confirmed taken monkes will appear grayed out, 
            updates on confirmed taken monkes will happen
        periodically. 
          Find the confirmed taken monkes
             in the tabular <a href="https://github.com/orc721/market/blob/master/monkes21/mint.csv"><code>monkes21/mint.csv</code></a> dataset.
      </li>
      <li>Always use the check button as some monkes will be inscribed but not be confirmed taken.</li>
      <li>Questions? Comments? Join the 
           <a href="https://discord.gg/dDhvHKjm2t">ordbase community discord.</a></li>
    </div>
  </div>

  <div id="toastBox"></div>


  <div id="the-toshis" class="main">
    <br>
    <div class="products grid grid-cols-3 md:grid-cols-7 lg:grid-cols-9 xl:grid-cols-10 pt-6 gap-6 px-10"
      id="thumbnails">

    </div>
  </div>
  <br>
  <div class="navnum text-center" id="nav"></div>

  <footer class="feeter">
    <img src="gm.gif" class="home-img">
    <p class="text-2xl">Powered by 
      <a href="https://github.com/ordbase/monkesee-monkedo" target="_blank">Monke See, Monke Do</a>
        &amp; 
      <a href="https://github.com/ordbase/letsrock" target="_blank">Let's Rock</a>
    </p>
  </footer>

  <script src="items.js"></script>
  <script src="script.js"></script>
</body>

</html>


Inscription #49557140