<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/yujin">
        <img class="object-cover rounded-full size-9 border border-gray-100 bg-gray-200" src="https://goaliemvmt.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM5ODksInB1ciI6ImJsb2JfaWQifX0=--a53ac16ed29b44d1910a6bd68a794cc9ba0a2cc4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszMDAsMzAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e20bb2366485964f6aa116ea683c302ace873c8f/IMG_5871.jpeg" loading="lazy" />

      <div class="">
        <span class="text-sm">yujin</span>
        <div class="text-xs text-gray-400">
          May  6, 2:32 PM
        </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_370" class="space-y-3" href="/check_ins/370">
      <div class="px-4 space-y-2">
        <div class="text-lg font-medium">
          Run 2km for one week
        </div>
        <div class="text-sm line-clamp-4">
          <p>Distance (MI) 1.48 = 2.38 km</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/eyJfcmFpbHMiOnsiZGF0YSI6OTc0LCJwdXIiOiJibG9iX2lkIn19--95c8a5b59443ff29fde9ec20d281e1653b030ce1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/IMG_0299.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_370_reactions">
  <form class="button_to" method="post" action="/check_ins/370/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="tRl_sf1CiZWOpXbzaQqu-eJYRL2wQcQ9SpDukQ6ng2D4ZNDRjt8VmVSPrMy125T9RYOO1DQ3S26VTyKHSTveCQ" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/370">
      <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/yujin">
        <img class="object-cover rounded-full size-9 border border-gray-100 bg-gray-200" src="https://goaliemvmt.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM5ODksInB1ciI6ImJsb2JfaWQifX0=--a53ac16ed29b44d1910a6bd68a794cc9ba0a2cc4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszMDAsMzAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e20bb2366485964f6aa116ea683c302ace873c8f/IMG_5871.jpeg" loading="lazy" />

      <div class="">
        <span class="text-sm">yujin</span>
        <div class="text-xs text-gray-400">
          Apr 30, 11:59 PM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W2D7
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_320" class="space-y-3" href="/check_ins/320">
      <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>Chapter 21-22
<br />Wow... it's now chapter 22, but still talking about the faith for a long time. </p>

<p>An intellect confounded yet a trusting sense of presence and of ultimate purpose.</p>

<p>It's difficult to always pursue an ultimate purpose of life, when they don't know what purpose they have for their lives.</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/eyJfcmFpbHMiOnsiZGF0YSI6ODcwLCJwdXIiOiJibG9iX2lkIn19--efddf7e12b3603db806a168b74687cd6bc75e65c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/IMG_1791.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_320_reactions">
  <form class="button_to" method="post" action="/check_ins/320/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="WCZ3mwEbViWGMWZMS0R6-6WDWbsDbFHQLbfFwZQwHV8I6UqIjGYmxMpRCI0ztcDmV5xNM0qGeXuOoN36a6jHcw" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/320">
      <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/yujin">
        <img class="object-cover rounded-full size-9 border border-gray-100 bg-gray-200" src="https://goaliemvmt.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM5ODksInB1ciI6ImJsb2JfaWQifX0=--a53ac16ed29b44d1910a6bd68a794cc9ba0a2cc4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszMDAsMzAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e20bb2366485964f6aa116ea683c302ace873c8f/IMG_5871.jpeg" loading="lazy" />

      <div class="">
        <span class="text-sm">yujin</span>
        <div class="text-xs text-gray-400">
          Apr 30, 1:30 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_312" class="space-y-3" href="/check_ins/312">
      <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>Chapter 19-20
<br />What's your religion about?
<br />It's about the Beloved.</p>

<p>That's what I remember from these two chapters. I don't know why I didn't feel joy from this book. It's a little bit difficult to understand the whole story because of the lack of my English reading skill. Sadly, I accepted the fact 😂😂 I wanted to improve my skill but this book doesn't help me to do. I will try to change the book after this challenge. Something more easy lol but it was really great experience because I met a great challenge mate!! I hope this is not the end, but another start :)</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/eyJfcmFpbHMiOnsiZGF0YSI6ODQ1LCJwdXIiOiJibG9iX2lkIn19--f77c527e0281c690643fc19b172c00b405cd87ce/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--fd3d917f16e6bdd3c4b521223c84c06ed41db6dd/IMG_1784.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_312_reactions">
  <form class="button_to" method="post" action="/check_ins/312/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="LaJe4aAKcBlG_ZCd-NAGco8rWChZ5jQubV7BzJCu84kQmbQkh2LWbNVKuYu0dz0MOnk4lnmqAb5eNIgnx1OnZw" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/312">
      <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/yujin?page=15">Load more</a>
</div>

</template></turbo-stream>