Bitcoin address: bc1p7wnfyewup3g82pywdaj5mgnlhdldwtpm9nqr2th86qrgykvxgq5qncdasr

SHOWING: First 60
#73,118,564text
#72,641,440html
#69,101,499html
#65,545,482html
#53,675,124html
<!DOCTYPE html>

<head>
  <meta charset="UTF-8">
  <title>Chef Julio's Cook Book</title>
  <style>
    .book {
      transition: opacity 0.4s 0.2s;
    }
  
    p {
      margin-top: 8vw;
      text-align: center;
      font-size: 5vw;
      color: #000000;
    }
  
    .page {
      width: 40vw;
      height: 55vw;
      float: left;
      margin-bottom: 0.5em;
      background: top no-repeat;
      background-size: cover;
    }
  
    .page:nth-child(even) {
      clear: both;
    }
  
    .book {
      perspective: 250vw;
    }
  
    .book .pages {
      width: 80vw;
      height: 40vw;
      position: relative;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      border-radius: 4px;
    }
  
    .book .page {
      float: none;
      clear: none;
      margin: 0;
      position: absolute;
      top: 0;
      width: 40vw;
      height: 40vw;
      transform-origin: 0 0;
      transition: transform 1.4s;
      backface-visibility: hidden;
      transform-style: preserve-3d;
      cursor: pointer;
      user-select: none;
      background-color: #f0f0f0;
    }
  
    .book .page:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transition: background 0.7s;
      z-index: 2;
    }
  
    .book .page:nth-child(odd) {
      pointer-events: all;
      transform: rotateY(0deg);
      right: 0;
      border-radius: 0 4px 4px 0;
    }
  
    .book .page:nth-child(odd):hover {
      transform: rotateY(-15deg);
    }
  
    .book .page:nth-child(odd):hover:before {
      background: rgba(0, 0, 0, 0.03);
    }
  
    .book .page:nth-child(odd):before {
      background: rgba(0, 0, 0, 0);
    }
  
    .book .page:nth-child(even) {
      pointer-events: none;
      transform: rotateY(180deg);
      transform-origin: 100% 0;
      left: 0;
      border-radius: 4px 0 0 4px;
      border-color: black;
    }
  
    .book .page:nth-child(even):before {
      background: rgba(0, 0, 0, 0.2);
    }
  
    .book .page.grabbing {
      transition: none;
    }
  
    .book .page.flipped:nth-child(odd) {
      pointer-events: none;
      transform: rotateY(-180deg);
    }
  
    .book .page.flipped:nth-child(odd):before {
      background: rgba(0, 0, 0, 0.2);
    }
  
    .book .page.flipped:nth-child(even) {
      pointer-events: all;
      transform: rotateY(0deg);
    }
  
    .book .page.flipped:nth-child(even):hover {
      transform: rotateY(15deg);
    }
  
    .book .page.flipped:nth-child(even):hover:before {
      background: rgba(0, 0, 0, 0.03);
    }
  
    .book .page.flipped:nth-child(even):before {
      background: rgba(0, 0, 0, 0);
    }
  
    *,
    * :before,
    *:after {
      box-sizing: border-box;
    }
  
    html,
    body {
      font-family: 'Lovers Quarrel', cursive;
      background: #333;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
  
    html {
      height: 100%;
    }
  
    body {
      min-height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 2em 0;
      line-height: 1.5em;
    }

    .page {
      background-size: contain;
    }
  
    .page:nth-child(odd) {
      background-position: right top;
    }
  
    body {
      background-image: url('https://dragonroberts.com/desk.jpg');
      background-repeat: no-repeat;
      background-attachment: absolute;
      background-size: cover;
      color: #FFFFFF;
    }
  
    .page:nth-child(odd) {
      background-position: right top;
    }
  
    /* Container holding the image and the text */
    .container {
      position: relative;
      text-align: center;
      color: white;
    }
  
    /* Bottom left text */
    .bottom-left {
      position: absolute;
      bottom: 8px;
      left: 16px;
    }
  
    /* Top left text */
    .top-left {
      position: absolute;
      top: 8px;
      left: 16px;
    }
  
    /* Top right text */
    .top-right {
      position: absolute;
      top: 8px;
      right: 16px;
    }
  
    /* Bottom right text */
    .bottom-right {
      position: absolute;
      bottom: 8px;
      right: 16px;
    }
  
    /* Centered text */
    .centered {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  </style>

</head>
<html lang="en">
<body>
  <!-- partial:index.partial.html -->
  <div class="book">
    <div id="pages" class="pages">
      <div class="page" style="background-image: url('https://ordinals.com/content/c054e24e73616096ad192bad5974623a7fc8770051b352399ac771e42e36f932i0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/65017545f715655215483afcc7efa53e4a0f20892316fcf2aa8b909ba1ec6448i0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/275ea16fe35058480352a25bd8e439cfd7a4eadd9593c515195014db17289356i0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/8692a9e88613f2c662ee676ac7824d5c62a87ad62278a238f181cfa663feb5b6i0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/fbc42a1f360af521f152818fe74a42f945803391461853dba5a794cf4f8325fai0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/ae786017a5768699d342265864eb1a070118f780a10aa7602d57a0b7fdc5de7bi0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/bd31f2db02f939ad108c4860455df83f13d7bb43ed380bc8ae652a7c9cef1214i0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/e3b54d7149bb53f5fa7d8fb2d9ecd87dc2c07574d800b3ae97003d476813ba48i0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/f19f494bd2db6e0b5195eb73b270044e529769709da9ebe36e09f36922ad1356i0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/921fcb8b358b1d01ede570610aff73f0b78a45c0c7c3df05bf96b72201a1005ai0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/beb2be55cd9c1dd00fc41f5cb098eff8d89434a741e78a4ce5a62f83a365f01ci0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/5fdf089c4c05b0737ff30834894d2e16d3c7bf56a6a229ecd3a30e4edbbd3ee6i0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/d176bfc24c2f692733a075843375ff6c0d113577395d209420ed64059e66b746i0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/3a382c7b2f69d23b97f6cc6a5bfe2f1e642a98aa2ca01b5a71b4cbc11c5ee48ci0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/32a64c9f1b806368377bb753ca2f05ca595629fa893099ac8fc225db9cec65aai0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/1c40c080273cdf4688ee02466ed2956976e9e8758882b6c99a7444270be7e5eci0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/3054a40c990e51d08b2963df04accd9f014332992da399f974eeab6f805b2e99i0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/1bc40fe05d6902f970a0dbe3a650f064064f9926bdf1b253b656a426eed7c6aci0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/16874e52a9c3e8b9f735508f19baf85acfda8565ed3b2079a4c468d76c6eac9di0');"></div>
      <div class="page" style="background-image: url('https://ordinals.com/content/b07635cae8cd56e5b25dcfc3d8a7ff2f48948e47f1eab23b424410738a2de113i0');"></div>

    </div>

  </div>

  <script>
    var pages = document.getElementsByClassName("page");
      for (var i = 0; i < pages.length; i++) {
        var page = pages[i];
        if (i % 2 === 0) {
          page.style.zIndex = pages.length - i;
        }
      }
      document.addEventListener("DOMContentLoaded", function () {
        for (var i = 0; i < pages.length; i++) {
          //Or var page = pages[i];
          pages[i].pageNum = i + 1;
          pages[i].onclick = function () {
            if (this.pageNum % 2 === 0) {
              this.classList.remove("flipped");
              this.previousElementSibling.classList.remove("flipped");
            } else {
              this.classList.add("flipped");
              this.nextElementSibling.classList.add("flipped");
            }
          };
        }
      });

  </script>
</body>

</html>