<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 17, 3:40 AM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W1D4
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_423" class="space-y-3" href="/check_ins/423">
      <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>Cassette2 : side B
<br />Hannah let us know that the people on her list have maps. So the story unfolds as Clay moves to the location on the map while listening to the tape. This chapter is about Tyler Down and a girl. Hannah says she'll let us know the girl's name in the next tape.</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/eyJfcmFpbHMiOnsiZGF0YSI6MTE1OSwicHVyIjoiYmxvYl9pZCJ9fQ==--365afe13f4c7a6f0b339813d0c862b064cb5122b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/image.jpg" loading="lazy" />
      </div>
</a>  </div>
  <div class="grid grid-flow-col justify-stretch pt-2 divide-x divide-gray-300">
    <div id="check_in_423_reactions">
  <form class="button_to" method="post" action="/check_ins/423/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="hPr7OPSovL17Kr9fYa9VI4IB3d9cLyrjmJYdhq1F5KdorAMj7iUH4sLoARRJD7psDX9eH6DwWT675ZnXuDRtJg" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/423">
      <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>
<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 16, 3:28 AM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W1D3
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_418" class="space-y-3" href="/check_ins/418">
      <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>Cassette2 : Side A
<br />In Alex's list, Hannah was 'Who's Hot' and Jessica was 'Who's Not.' This chapter shows their relationship. The three of them were friends, and Alex and Jessica were dating at one point. It seems like Alex made the list while they were breaking up. So, this list caused misunderstandings in Hannah and Jessica'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/eyJfcmFpbHMiOnsiZGF0YSI6MTE0NCwicHVyIjoiYmxvYl9pZCJ9fQ==--03e88864218e1c6acb0d6f57e6f3c44d209eaa53/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/image.jpg" loading="lazy" />
      </div>
</a>  </div>
  <div class="grid grid-flow-col justify-stretch pt-2 divide-x divide-gray-300">
    <div id="check_in_418_reactions">
  <form class="button_to" method="post" action="/check_ins/418/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="XTALpS0r_cClTbbR9qwYKnEQc4to6OsBXLEhvgPvJm_UhvnXzr7w2Py6YIw0Go6dpkwoSJ509cP4likbzoG5lA" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/418">
      <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>
<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 15, 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">
      W1D2
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_409" class="space-y-3" href="/check_ins/409">
      <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>Cassette1 : side B begins after clay stole a walkman from his friend Tony's house</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/eyJfcmFpbHMiOnsiZGF0YSI6MTExNywicHVyIjoiYmxvYl9pZCJ9fQ==--793b37b0d7b21e95d77b5f4762e07bd6bae8aa2d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/image.jpg" loading="lazy" />
      </div>
</a>  </div>
  <div class="grid grid-flow-col justify-stretch pt-2 divide-x divide-gray-300">
    <div id="check_in_409_reactions">
  <form class="button_to" method="post" action="/check_ins/409/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="8pD_jfUrn-_vEVZbZhSV8ZOO_8n7jBLY9zCP7CTJURjVaZzTVeQ1ct-JBVoSxrgz2piVoc2DlyA1eYPm5y4rcA" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/409">
      <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">
    <a class="opacity-0" data-turbo-stream="" data-controller="autoclick" href="/users/ing?page=3">Load more</a>
</div>

</template></turbo-stream>