<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="card bg-base-200" id="activity_98e39a87-2ab8-4586-8aa6-e2ce31cb56fa">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Heol" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjhiNDM5ZDJhLWIzOTgtNDE4NS04YWQ1LTY5ODgyYTgwYzc4MiIsInB1ciI6ImJsb2JfaWQifX0=--b9a7792d24a86cd629a5b27e5e08e09d4c3f0221/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/Heol.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex 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/eyJfcmFpbHMiOnsiZGF0YSI6IjhiNDM5ZDJhLWIzOTgtNDE4NS04YWQ1LTY5ODgyYTgwYzc4MiIsInB1ciI6ImJsb2JfaWQifX0=--b9a7792d24a86cd629a5b27e5e08e09d4c3f0221/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/Heol.jpg" />
      <div class="btn btn-secondary 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 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8"></path>
  <path d="M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1"></path>
  <path d="M2 21h20"></path>
  <path d="M7 8v3"></path>
  <path d="M12 8v3"></path>
  <path d="M17 8v3"></path>
  <path d="M7 4h.01"></path>
  <path d="M12 4h.01"></path>
  <path d="M17 4h.01"></path>
</svg>
      </div>
    </div>
    <p>
      C'est l'anniversaire de
      <strong><a class="link" href="/refuge-de-pompoho/heol">Heol</a></strong>
       (2 ans) ! 🎂
    </p>
  </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_98e39a87-2ab8-4586-8aa6-e2ce31cb56fa">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">2</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_928d0a47-b3f5-426f-b030-0396811be325">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Frim" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE5MjA4YTRlLWU4ZjAtNGFhOS1iNDUxLTE3Y2VjMjY1YTQ0OSIsInB1ciI6ImJsb2JfaWQifX0=--d3b1228028d5ba0d827135f573affdb16617139d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/Frim.jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex 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/eyJfcmFpbHMiOnsiZGF0YSI6ImE5MjA4YTRlLWU4ZjAtNGFhOS1iNDUxLTE3Y2VjMjY1YTQ0OSIsInB1ciI6ImJsb2JfaWQifX0=--d3b1228028d5ba0d827135f573affdb16617139d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/Frim.jpeg" />
      <div class="btn btn-secondary 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 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8"></path>
  <path d="M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1"></path>
  <path d="M2 21h20"></path>
  <path d="M7 8v3"></path>
  <path d="M12 8v3"></path>
  <path d="M17 8v3"></path>
  <path d="M7 4h.01"></path>
  <path d="M12 4h.01"></path>
  <path d="M17 4h.01"></path>
</svg>
      </div>
    </div>
    <p>
      C'est l'anniversaire de
      <strong><a class="link" href="/refuge-de-pompoho/frim">Frim</a></strong>
       (2 ans) ! 🎂
    </p>
  </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_928d0a47-b3f5-426f-b030-0396811be325">
    <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>

    <li class="card bg-base-200" id="activity_63d05487-6278-4a81-90d6-abebfa2ce808">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Heol" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjhiNDM5ZDJhLWIzOTgtNDE4NS04YWQ1LTY5ODgyYTgwYzc4MiIsInB1ciI6ImJsb2JfaWQifX0=--b9a7792d24a86cd629a5b27e5e08e09d4c3f0221/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/Heol.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 2 ans que
    <strong><a class="link" href="/refuge-de-pompoho/heol">Heol</a></strong>
    a été sauvé·e ! 🎉
  </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_63d05487-6278-4a81-90d6-abebfa2ce808">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">2</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_ea69bc87-5749-4be0-901a-25a3d4c323eb">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Frim" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE5MjA4YTRlLWU4ZjAtNGFhOS1iNDUxLTE3Y2VjMjY1YTQ0OSIsInB1ciI6ImJsb2JfaWQifX0=--d3b1228028d5ba0d827135f573affdb16617139d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/Frim.jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 2 ans que
    <strong><a class="link" href="/refuge-de-pompoho/frim">Frim</a></strong>
    a été sauvé·e ! 🎉
  </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_ea69bc87-5749-4be0-901a-25a3d4c323eb">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">2</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_928c597d-438d-4bfc-a792-7222bf975e47">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Miana" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImYwNWVmYTc4LTgwODYtNDE2OC05MGI3LWI4NDU1NzU2ODE2ZiIsInB1ciI6ImJsb2JfaWQifX0=--491485c21f59faefc435b833a648c1fb84176959/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/image%20(1).png" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex 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/eyJfcmFpbHMiOnsiZGF0YSI6ImYwNWVmYTc4LTgwODYtNDE2OC05MGI3LWI4NDU1NzU2ODE2ZiIsInB1ciI6ImJsb2JfaWQifX0=--491485c21f59faefc435b833a648c1fb84176959/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41d511c853d5f60e7dc4171011009b036b7415f3/image%20(1).png" />
      <div class="btn btn-secondary 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 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8"></path>
  <path d="M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1"></path>
  <path d="M2 21h20"></path>
  <path d="M7 8v3"></path>
  <path d="M12 8v3"></path>
  <path d="M17 8v3"></path>
  <path d="M7 4h.01"></path>
  <path d="M12 4h.01"></path>
  <path d="M17 4h.01"></path>
</svg>
      </div>
    </div>
    <p>
      C'est l'anniversaire de
      <strong><a class="link" href="/coexister/miana">Miana</a></strong>
       (5 ans) ! 🎂
    </p>
  </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_928c597d-438d-4bfc-a792-7222bf975e47">
    <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>

    <li class="card bg-base-200" id="activity_02933346-898d-4f1b-9c12-032ae3bdb234">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Alydhan" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjdjY2FhN2Q3LThlYzgtNGNmNi04ZDQzLTFjOWIzMjYyODUyNiIsInB1ciI6ImJsb2JfaWQifX0=--554317190d5868e636a7477089e2b7f8b8079e79/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/8119cf_2af44d98ac7443618cd313846ecc6d2d~mv2%20copy.png" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex 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/eyJfcmFpbHMiOnsiZGF0YSI6IjdjY2FhN2Q3LThlYzgtNGNmNi04ZDQzLTFjOWIzMjYyODUyNiIsInB1ciI6ImJsb2JfaWQifX0=--554317190d5868e636a7477089e2b7f8b8079e79/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41d511c853d5f60e7dc4171011009b036b7415f3/8119cf_2af44d98ac7443618cd313846ecc6d2d~mv2%20copy.png" />
      <div class="btn btn-secondary 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 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8"></path>
  <path d="M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1"></path>
  <path d="M2 21h20"></path>
  <path d="M7 8v3"></path>
  <path d="M12 8v3"></path>
  <path d="M17 8v3"></path>
  <path d="M7 4h.01"></path>
  <path d="M12 4h.01"></path>
  <path d="M17 4h.01"></path>
</svg>
      </div>
    </div>
    <p>
      C'est l'anniversaire de
      <strong><a class="link" href="/coexister/alydhan">Alydhan</a></strong>
       (5 ans) ! 🎂
    </p>
  </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_02933346-898d-4f1b-9c12-032ae3bdb234">
    <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>

    <li class="card bg-base-200" id="activity_8c0fca9d-7723-4ae6-aec4-3362296115ee">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6IjdkZjE2ZDE2LTJjNjgtNDYwMi1hNTIzLTkwMjhiYTI5OTY3MSIsInB1ciI6ImJsb2JfaWQifX0=--ca2d32d4faf752d21da1f2e492c0af5b9a96929b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41d511c853d5f60e7dc4171011009b036b7415f3/8119cf_001ebc74bb944918afa841127c5d427b~mv2.avif" />
      <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/Marie_Aymon">Marie_Aymon</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/coexister/maya">Maya</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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_8c0fca9d-7723-4ae6-aec4-3362296115ee">
    <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>

    <li class="card bg-base-200" id="activity_ac4e57c1-8563-4f48-91a3-fb0304852adc">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Khamti" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImVhYWYxMWQ4LWM5NWQtNGJkNy04OWNmLTM1NzY2NDk2NzgzMyIsInB1ciI6ImJsb2JfaWQifX0=--4b11f1285fa3870f49038e56745c5e384753efc5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/WhatsApp%20Image%202026-02-03%20at%2015.46.48%20(1).jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex 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/eyJfcmFpbHMiOnsiZGF0YSI6ImVhYWYxMWQ4LWM5NWQtNGJkNy04OWNmLTM1NzY2NDk2NzgzMyIsInB1ciI6ImJsb2JfaWQifX0=--4b11f1285fa3870f49038e56745c5e384753efc5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/WhatsApp%20Image%202026-02-03%20at%2015.46.48%20(1).jpeg" />
      <div class="btn btn-secondary 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 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8"></path>
  <path d="M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1"></path>
  <path d="M2 21h20"></path>
  <path d="M7 8v3"></path>
  <path d="M12 8v3"></path>
  <path d="M17 8v3"></path>
  <path d="M7 4h.01"></path>
  <path d="M12 4h.01"></path>
  <path d="M17 4h.01"></path>
</svg>
      </div>
    </div>
    <p>
      C'est l'anniversaire de
      <strong><a class="link" href="/coexister/khamti">Khamti</a></strong>
       (5 ans) ! 🎂
    </p>
  </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_ac4e57c1-8563-4f48-91a3-fb0304852adc">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">1</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_21216d6f-53d0-4bb9-9589-12c9fc7bf330">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6IjA5Yjc4YTVhLWNlMWQtNDYxNC05NTFlLTRlZGVmMWI4OTc5NSIsInB1ciI6ImJsb2JfaWQifX0=--ae92b362e2d89f1bc686a7c9cbbb1a642efa4136/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/unnamed.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/Nova">Nova</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/coexister/doug">Doug</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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_21216d6f-53d0-4bb9-9589-12c9fc7bf330">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">1</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_7ad0f889-d789-4f05-a04f-70398a16b858">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6ImYwMmE3YjMwLWVkZTgtNGM1OC04MDI4LTY1NmU3M2FkZmU5ZCIsInB1ciI6ImJsb2JfaWQifX0=--1f713f90f45c73b90f6882a19b25c52992711f07/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/Buzhug.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/Nova">Nova</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/refuge-de-pompoho/buzhug">Buzhug</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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_7ad0f889-d789-4f05-a04f-70398a16b858">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">1</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_9951ea92-aa97-461d-a0d0-42c49dd348fb">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6ImI3MGU4ZDRiLTIwZTItNDI1Zi04YTNmLTU2MDA0MDc0MGYyNyIsInB1ciI6ImJsb2JfaWQifX0=--7a5b2090957acb295420f9a60b8e164b704813c3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/Poupig.jpeg" />
      <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/Nova">Nova</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/refuge-de-pompoho/poupig">Poupig</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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_9951ea92-aa97-461d-a0d0-42c49dd348fb">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">1</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_bc01fa60-36ea-43f8-b44f-10064b58d697">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6IjZjZDg0NjAyLWRkNTYtNDhjOS04OTZkLTliMzk4OTJiMmQ1ZSIsInB1ciI6ImJsb2JfaWQifX0=--f69f20809e825edc67b9f3ae363f918b48b119b5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/Glaz.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/Nova">Nova</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/refuge-de-pompoho/glaz">Glaz</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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_bc01fa60-36ea-43f8-b44f-10064b58d697">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">1</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_a29286b1-a5a1-48b8-9aa4-3c6427e83a1c">
    <figure class="bg-base-300 relative h-54">
    <img class="absolute inset-0 w-full object-cover h-full" alt="Image de couverture de Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjM5ZThhZDZmLTg1ZDItNDRjZC1iZDM0LWNkY2I2MmM3Mzg5YyIsInB1ciI6ImJsb2JfaWQifX0=--485779e21878c70184bd9a65aa40fcda0945a6a4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxNjAwLDE2MDBdfSwicHVyIjoidmFyaWF0aW9uIn19--c653448ee00a11ac65f7ba1f1db2bcced089867d/481610436_10054530757894938_3079240298083794376_n.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="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls1MDAsNTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--ccf637600b86d21c122b104417c1505ec5cb66c5/Logo%20Pompoho%20RS2.jpg" /></span>
    </div>
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p class="text-sm">
    <strong><a class="link" href="/refuge-de-pompoho">Refuge de Pompoho</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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_a29286b1-a5a1-48b8-9aa4-3c6427e83a1c">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">2</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_10f6f359-2463-4894-a6a9-c89cbed3a007">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Praline" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA4Yzc1OTFiLTM2ZDMtNDJiMy05NjY2LWMyNzYwNWY3OTRmMSIsInB1ciI6ImJsb2JfaWQifX0=--825ba7f8020679f8f62650984ea383c802c3c161/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/495268188_726444713172681_3629562639047437579_n.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex flex-row gap-3 items-center">
    <div class="relative">
      <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-12" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/Logo%20Pompoho%20RS2.jpg" /></span>
    </div>
    <div class="flex flex-col flex-1 gap-1">
      <p class="text-xs uppercase font-bold text-base-content/70">Nouveau·elle rescapé·e !</p>
      <p class="text-sm">
        <strong><a class="link" href="/refuge-de-pompoho/praline">Praline</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/refuge-de-pompoho">Refuge de Pompoho</a> !
      </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_10f6f359-2463-4894-a6a9-c89cbed3a007">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">0</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_299722ca-f61c-4a11-a386-9e51008a6a7b">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Frim" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE5MjA4YTRlLWU4ZjAtNGFhOS1iNDUxLTE3Y2VjMjY1YTQ0OSIsInB1ciI6ImJsb2JfaWQifX0=--d3b1228028d5ba0d827135f573affdb16617139d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/Frim.jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex flex-row gap-3 items-center">
    <div class="relative">
      <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-12" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/Logo%20Pompoho%20RS2.jpg" /></span>
    </div>
    <div class="flex flex-col flex-1 gap-1">
      <p class="text-xs uppercase font-bold text-base-content/70">Nouveau·elle rescapé·e !</p>
      <p class="text-sm">
        <strong><a class="link" href="/refuge-de-pompoho/frim">Frim</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/refuge-de-pompoho">Refuge de Pompoho</a> !
      </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_299722ca-f61c-4a11-a386-9e51008a6a7b">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">0</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_4bd74605-556c-4246-9998-e98575454c2b">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Poupig" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImI3MGU4ZDRiLTIwZTItNDI1Zi04YTNmLTU2MDA0MDc0MGYyNyIsInB1ciI6ImJsb2JfaWQifX0=--7a5b2090957acb295420f9a60b8e164b704813c3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/Poupig.jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex flex-row gap-3 items-center">
    <div class="relative">
      <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-12" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/Logo%20Pompoho%20RS2.jpg" /></span>
    </div>
    <div class="flex flex-col flex-1 gap-1">
      <p class="text-xs uppercase font-bold text-base-content/70">Nouveau·elle rescapé·e !</p>
      <p class="text-sm">
        <strong><a class="link" href="/refuge-de-pompoho/poupig">Poupig</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/refuge-de-pompoho">Refuge de Pompoho</a> !
      </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_4bd74605-556c-4246-9998-e98575454c2b">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">0</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_350e3d21-30db-4a0b-a665-59ac0961f385">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Heol" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjhiNDM5ZDJhLWIzOTgtNDE4NS04YWQ1LTY5ODgyYTgwYzc4MiIsInB1ciI6ImJsb2JfaWQifX0=--b9a7792d24a86cd629a5b27e5e08e09d4c3f0221/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/Heol.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex flex-row gap-3 items-center">
    <div class="relative">
      <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-12" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/Logo%20Pompoho%20RS2.jpg" /></span>
    </div>
    <div class="flex flex-col flex-1 gap-1">
      <p class="text-xs uppercase font-bold text-base-content/70">Nouveau·elle rescapé·e !</p>
      <p class="text-sm">
        <strong><a class="link" href="/refuge-de-pompoho/heol">Heol</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/refuge-de-pompoho">Refuge de Pompoho</a> !
      </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_350e3d21-30db-4a0b-a665-59ac0961f385">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">0</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_5d60926f-7dce-4dc2-b5fb-a9c6dbdec7c8">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Stan" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjM3NThjMTVlLTdmYWMtNGE0Yy1iMzlmLTM5YThiOWUzZjgyZiIsInB1ciI6ImJsb2JfaWQifX0=--0f826d541f0211504903192b43201dd3a6b4efd9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/Stan.jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex flex-row gap-3 items-center">
    <div class="relative">
      <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-12" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/Logo%20Pompoho%20RS2.jpg" /></span>
    </div>
    <div class="flex flex-col flex-1 gap-1">
      <p class="text-xs uppercase font-bold text-base-content/70">Nouveau·elle rescapé·e !</p>
      <p class="text-sm">
        <strong><a class="link" href="/refuge-de-pompoho/stan">Stan</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/refuge-de-pompoho">Refuge de Pompoho</a> !
      </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_5d60926f-7dce-4dc2-b5fb-a9c6dbdec7c8">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">0</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_38fa8263-6bbd-4f01-9c09-c92e8d341fec">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Lipous" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA5ZjkwZDA0LTlkZTItNDY1ZC1hMzY4LTA1MTA4MTJjOTdmZSIsInB1ciI6ImJsb2JfaWQifX0=--86a29c6d1ab864eb111c3eb0c81997527dc89658/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/lipous.jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex flex-row gap-3 items-center">
    <div class="relative">
      <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-12" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/Logo%20Pompoho%20RS2.jpg" /></span>
    </div>
    <div class="flex flex-col flex-1 gap-1">
      <p class="text-xs uppercase font-bold text-base-content/70">Nouveau·elle rescapé·e !</p>
      <p class="text-sm">
        <strong><a class="link" href="/refuge-de-pompoho/lipous">Lipous</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/refuge-de-pompoho">Refuge de Pompoho</a> !
      </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_38fa8263-6bbd-4f01-9c09-c92e8d341fec">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">0</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_f1798e6e-8cfd-4337-b661-c2ac4263f840">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Glaz" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjZjZDg0NjAyLWRkNTYtNDhjOS04OTZkLTliMzk4OTJiMmQ1ZSIsInB1ciI6ImJsb2JfaWQifX0=--f69f20809e825edc67b9f3ae363f918b48b119b5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/Glaz.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex flex-row gap-3 items-center">
    <div class="relative">
      <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-12" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/Logo%20Pompoho%20RS2.jpg" /></span>
    </div>
    <div class="flex flex-col flex-1 gap-1">
      <p class="text-xs uppercase font-bold text-base-content/70">Nouveau·elle rescapé·e !</p>
      <p class="text-sm">
        <strong><a class="link" href="/refuge-de-pompoho/glaz">Glaz</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/refuge-de-pompoho">Refuge de Pompoho</a> !
      </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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_f1798e6e-8cfd-4337-b661-c2ac4263f840">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">0</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 class="flex pt-3">
      <a data-turbo-stream="true" data-infinite-scroll-target="link" class="btn btn-outline w-full" href="/activities.turbo_stream?page=4">Découvrir plus ...</a>
    </div>
</div>

</template></turbo-stream>