<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/pink-dolphin">
        <img class="object-cover rounded-full size-9 border border-gray-100 bg-gray-200" src="https://goaliemvmt.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTI3MDYsInB1ciI6ImJsb2JfaWQifX0=--cd199a8cf7527872866a9169cae32645c4e342bc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszMDAsMzAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e20bb2366485964f6aa116ea683c302ace873c8f/IMG_20230506_175257_576.jpg" loading="lazy" />

      <div class="">
        <span class="text-sm">pink-dolphin</span>
        <div class="text-xs text-gray-400">
          Apr 30, 12:25 AM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W2D6
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_311" class="space-y-3" href="/check_ins/311">
      <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>As I'm getting tired of reading this book, Cassandra says she's getting tired of time travel. When she meets her ex-flatmate at a date spot with Will, she's upset because that friend talks about her flaws, leading to a fight. She then turns back time to undo it, choosing not to meet Will at that place. After work, she comes home and is troubled by the drunk and rude behavior of one of the flatmates she currently lives with. She admits she's tired of rewinding time. She feels like even when she rewinds, she ends up experiencing bad things through time travel. I want to ask her what's the point if she's just rewinding time, erasing moments she doesn't like, and focusing solely on her boyfriend without any personal growth or change in herself.</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/eyJfcmFpbHMiOnsiZGF0YSI6ODQyLCJwdXIiOiJibG9iX2lkIn19--a78940c95b7c13ccc3cc0c2a33364cc255f29c20/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/17144366908216685393264591172887.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_311_reactions">
  <form class="button_to" method="post" action="/check_ins/311/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="V0n277Y1wELTLCMg3ONqxXELXw5qutHvDcE0yA40umKY59E20V1ZcVg6MTmFx0T78xmvowOkLEL6YAaqLugiIA" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/311">
      <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/pink-dolphin">
        <img class="object-cover rounded-full size-9 border border-gray-100 bg-gray-200" src="https://goaliemvmt.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTI3MDYsInB1ciI6ImJsb2JfaWQifX0=--cd199a8cf7527872866a9169cae32645c4e342bc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszMDAsMzAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e20bb2366485964f6aa116ea683c302ace873c8f/IMG_20230506_175257_576.jpg" loading="lazy" />

      <div class="">
        <span class="text-sm">pink-dolphin</span>
        <div class="text-xs text-gray-400">
          Apr 29, 1:15 AM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W2D5
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_302" class="space-y-3" href="/check_ins/302">
      <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>Cassandra is not the kind of person who fits in with company life or teamwork. Even at work, all her focus is on her boyfriend. This novel is only about her boyfriend, with nothing new or shocking. I don't understand what benefit she gets from time traveling. The book's ending is approaching, and I hope there's an interesting twist. At this point, it feels like Cassandra is time-traveling without much else. It's boring.</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/eyJfcmFpbHMiOnsiZGF0YSI6ODE1LCJwdXIiOiJibG9iX2lkIn19--be7c5348be22fa06aadfbbec05d2fb3f1ed00bf9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/17143532819321055121760625500658.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_302_reactions">
  <form class="button_to" method="post" action="/check_ins/302/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="68Wq_W1Bo1ytEdCiOTqnHL7xUJhT5smNUMAxCJiRC-cuZUdGy8-bTBg--ib2YR83BkcG7ER8nVsgV9qpokfzvQ" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/302">
      <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/pink-dolphin">
        <img class="object-cover rounded-full size-9 border border-gray-100 bg-gray-200" src="https://goaliemvmt.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTI3MDYsInB1ciI6ImJsb2JfaWQifX0=--cd199a8cf7527872866a9169cae32645c4e342bc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszMDAsMzAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e20bb2366485964f6aa116ea683c302ace873c8f/IMG_20230506_175257_576.jpg" loading="lazy" />

      <div class="">
        <span class="text-sm">pink-dolphin</span>
        <div class="text-xs text-gray-400">
          Apr 27, 4:31 PM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W2D4
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_292" class="space-y-3" href="/check_ins/292">
      <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>I don't understand why someone with severe germophobia, especially Cassandra who hates sharing food because other people's saliva is gross, really likes kissing. It doesn't make sense. Today, it's the story of Cassandra, the germophobe, having sex with Will. This book is incredibly boring. I just want to read the ending quickly.</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/eyJfcmFpbHMiOnsiZGF0YSI6NzgxLCJwdXIiOiJibG9iX2lkIn19--339b1441f76678551f4953bc7ccef2f56fd62f97/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/17142354796744167350424913148474.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_292_reactions">
  <form class="button_to" method="post" action="/check_ins/292/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="F24Bn9SVDxX6IXfRfipaGssb_z9lUIT_6EV8p_p6FkzKLhaWiR5AhQcg_C4jlHKoBXtj9JcfTjHInzVQyqUicA" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/292">
      <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/pink-dolphin?page=9">Load more</a>
</div>

</template></turbo-stream>