<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 24, 12:06 AM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W1D7
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_233" class="space-y-3" href="/check_ins/233">
      <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>Watching Cassandra at work always makes me feel uneasy. 
<br />Anyway, she finished the meeting with the client (Thank God!) and suddenly texted Will to suggest having a drink. Will responded positively. Will had sent the text first in the past, but it was her new attempt. She is putting effort into learning ways to communicate by Googling. She prioritizes fixing her relationship with her boyfriend the most. After work, the two of them met up. Once again, I was shocked by how picky she was when choosing a table to sit at, and it took her almost one whole page to decide. Even when she finally decided on a spot, something bothered her, and she changed it. (Sigh)... She doesn't notice emotions well, so she carries pieces of color samples around. (She mentioned a lot about color, I thought it was just expression method no.. she's weird.) My interest in reading is fading by the minute.</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/eyJfcmFpbHMiOnsiZGF0YSI6NTk3LCJwdXIiOiJibG9iX2lkIn19--b7c93729230e71903dc01cd3ed7d898555606438/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/17139171613441566726455630172664.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_233_reactions">
  <form class="button_to" method="post" action="/check_ins/233/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="UR7l_1plREXIJ_QDfJCZOesESSlSsEjCPV42mwCPHvxd36n8N3jDXNftsJGyzZLx5ZccB8kdmWvc2ls4a1EjlA" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/233">
      <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 22, 10:43 PM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W1D6
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_211" class="space-y-3" href="/check_ins/211">
      <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 read the book, my emotions were up and down. Ah... Cassandra's personality is starting to tire me out. I thought there would be a date with Will, but today's chapter mainly focused on episodes with the landlord couple and the office. Although it's clear that Cassandra is smart and has a deep knowledge of Greek mythology, she speaks too bluntly to people, pushing her opinions forcefully as if she's always right. Even though I understand that it's not easy to change and she's trying to improve, but even so, it annoyed me today how she nitpicks every word, easily says hurtful things to others, and insists that only her opinion is correct. I ended up getting frustrated while reading. Now I'm getting a headache.-The end.</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/eyJfcmFpbHMiOnsiZGF0YSI6NTI4LCJwdXIiOiJibG9iX2lkIn19--1e11d938a0740ad14a288ffa4bfe78975521dedb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ca1b12ebd68e57b57648a870cbe3d977436ccb11/17138257687417658156574382315323.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_211_reactions">
  <form class="button_to" method="post" action="/check_ins/211/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="-LQLBJ1W77UNTjeT8So9ZlCQYSnI4Ktjegz1P9qLr2jyWdKKIo94IU_mUu8Kc-If9wEVVvxizGfffuHpyg2rog" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/211">
      <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 22, 1:31 AM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W1D5
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_202" class="space-y-3" href="/check_ins/202">
      <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>Now I get it. I thought she was repeating yesterday's events, but no, she's time-traveling to different times. Will didn't recognize her last time because it was before he met her four months ago. In this chapter, she keeps traveling to the time she first meets Will at the café and makes multiple attempts. (It was fun exchanging emails with her boss about requesting a half-day off - this seemed like her inevitable action to meet Will at the café, but I think this led to her getting fired. Anyway, meeting Will seemed most important to her.)</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/eyJfcmFpbHMiOnsiZGF0YSI6NTEwLCJwdXIiOiJibG9iX2lkIn19--1ed36f498913b743ca024ddc8c944d63f45c16ce/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ca1b12ebd68e57b57648a870cbe3d977436ccb11/17137494521265835409674003103255.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_202_reactions">
  <form class="button_to" method="post" action="/check_ins/202/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="NNsiR32BRjZq4UZTbpawiP1bQDzo2noyUzh_ksbgBLe7O7HMRShZBX-Ud12eLrsZwnZjLgJsWLlE-lXLd7L0xA" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/202">
      <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=11">Load more</a>
</div>

</template></turbo-stream>