<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="card bg-base-200" id="activity_ef0d01e3-b073-43a3-a369-93e03d603070">
  
  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex flex-row gap-3 items-center">
    <div class="relative">
      <img class="mask mask-squircle bg-base-300 object-cover flex items-center justify-center  size-16" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImFmNjA3MDFlLTI1NzYtNDBjOC1iODU4LTMwNTdlN2UyNjU2NCIsInB1ciI6ImJsb2JfaWQifX0=--3507e3417825adfd4290ec77800a2ec2008ba6a0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--243bfe1fbcd6dc683b1618ed14cbac21862beb87/IMG_5695.JPG" />
      <div class="btn btn-accent absolute -bottom-1 -right-1 btn-xs btn-circle">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path>
  <path d="m9 12 2 2 4-4"></path>
</svg>
      </div>
    </div>
    <div class="flex flex-col gap-1 flex-1">
      <p class="text-xs uppercase font-bold text-accent">Nouveau·elle gardien·ne !</p>
      <p>
        <strong><a class="link" href="/guardians/fr.uk">fr.uk</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/domaine-des-douages/poppy">Poppy</a></strong>
      </p>
    </div>
  </div>


    </div>
    <div class="card-footer flex flex-row justify-between items-center">
      <!-- Timestamp -->
      <div class="text-sm text-base-content/60">
        Il y a 9 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_ef0d01e3-b073-43a3-a369-93e03d603070">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">13</span>
      </div>

      <!-- Clap Button - Opens sign in modal -->
      <a class="btn btn-circle text-xl hover:btn-neutral" data-turbo-frame="modal" href="/users/sign_in">
        👏
</a>    </div>
</div>
    </div>
  </div>
</li>

    <li class="card bg-base-200" id="activity_2c01661c-70f7-4c0d-a422-ed1593a905b6">
    <figure class="bg-base-300 relative h-54">
    <img class="absolute inset-0 w-full object-cover h-full" alt="Image de couverture de Domaine des Douages" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImFmOGU4MGQ0LWQwYzQtNGIyYS04ZmRiLTE0NDYzZWRmN2MzMyIsInB1ciI6ImJsb2JfaWQifX0=--8a7520e7344fb0dd2c1b859ee1046781764743f1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsxNjAwLDE2MDBdfSwicHVyIjoidmFyaWF0aW9uIn19--01a8af70fdb0e0ce37e32a6ddf1d0640fdc69aa2/IMG_5633.JPG" />
    <div class="absolute flex items-center justify-center inset-0 bg-neutral-900/20">
      <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-20" alt="Domaine des Douages" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQ2OWY3MDIyLWVkNWMtNGI1Mi1iNjRmLTUxODVkNjkxYmVmMiIsInB1ciI6ImJsb2JfaWQifX0=--9a3559765ba5ddace2e547fc354f4db07924612a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOls1MDAsNTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--69e6402c40eb5855b8bd4e5da2c3c47daf24a5a1/logo.png" /></span>
    </div>
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p class="text-sm">
    <strong><a class="link" href="/domaine-des-douages">Domaine des Douages</a></strong>
    a rejoint Sanctopia !
  </p>


    </div>
    <div class="card-footer flex flex-row justify-between items-center">
      <!-- Timestamp -->
      <div class="text-sm text-base-content/60">
        Il y a 9 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_2c01661c-70f7-4c0d-a422-ed1593a905b6">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">3</span>
      </div>

      <!-- Clap Button - Opens sign in modal -->
      <a class="btn btn-circle text-xl hover:btn-neutral" data-turbo-frame="modal" href="/users/sign_in">
        👏
</a>    </div>
</div>
    </div>
  </div>
</li>

</template></turbo-stream>
<turbo-stream action="replace" target="infinite-scroll-pagination"><template>
  <div id="infinite-scroll-pagination" data-infinite-scroll-target="trigger">
</div>

</template></turbo-stream>