<turbo-stream action="append" target="check_ins"><template>
  <div class="py-4 bg-white space-y-2 tracking-tight">
  <div class="px-4 flex justify-between items-center">
    <a class="w-fit flex space-x-2 items-center" href="/users/ing">
        <div class="rounded-full size-9 border border-zinc-100 bg-zinc-200 flex items-center justify-center text-lg font-medium">
    i
  </div>

      <div class="">
        <span class="text-sm">ing</span>
        <div class="text-xs text-gray-400">
          May 14, 3:59 AM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W1D1
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_403" class="space-y-3" href="/check_ins/403">
      <div class="px-4 space-y-2">
        <div class="text-lg font-medium">
          ♡ BOOK READING CHALLENGE ♡
        </div>
        <div class="text-sm line-clamp-4">
          <p>13 reasons why [chapter1]
<br />This book is divided into 7cassettes, And   7cassettes are further divided into side A and side B. It seems like Hannah Baker who died recorded tapes. The rules of the tapes are interesting. Rule number one is listen, number two is pass it on. In casset 1 : side A, Clay listen to the tapes about Hannah and John's relationship</p>
        </div>
      </div>
      <div class="relative flex justify-between space-x-2 max-h-96">
        <img class="object-cover" src="https://goaliemvmt.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA5OSwicHVyIjoiYmxvYl9pZCJ9fQ==--56a365ed35731a69fbfca01c7c9d96064d9efa9e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/IMG_4654.jpeg" loading="lazy" />
      </div>
</a>  </div>
  <div class="grid grid-flow-col justify-stretch pt-2 divide-x divide-gray-300">
    <div id="check_in_403_reactions">
  <form class="button_to" method="post" action="/check_ins/403/react"><button class="w-full" type="submit">
    <div class="flex justify-center space-x-2 items-center">
      <span>🏋️</span>
        <span class="text-sm text-gray-500 font-light">0</span>
    </div>
</button><input type="hidden" name="authenticity_token" value="5K2PN6JcTRG2iWBhZxeItmiG4Dfk4jPzjxySjTIS9fLZX6BpTIJq5_XkLHAtfTe8Ko_arZrJtz0KkGQWo5L_pA" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/403">
      <div class="flex justify-center items-center space-x-2 text-gray-500">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 0 1 .865-.501 48.172 48.172 0 0 0 3.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"></path>
</svg>
        <span class="text-sm font-light">0</span>
      </div>
</a>  </div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="check_in_paginator"><template>
  <div id="check_in_paginator">
</div>

</template></turbo-stream>