<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="card bg-base-200" id="activity_9b904942-ab56-4f44-8d93-040bfd044ae7">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Naos" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjkwOWFiMDBjLWZjYjUtNDI1Zi04MmFmLWY3ZGFlNDJjNmQ0NSIsInB1ciI6ImJsb2JfaWQifX0=--a98109c578e1fa4c9d953f166fd9f8a64960ac93/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 4 ans que
    <strong><a class="link" href="/coexister/naos">Naos</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 environ 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_9b904942-ab56-4f44-8d93-040bfd044ae7">
    <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_d7408387-be5c-4d89-b00a-f0561d35b559">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Pumba" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjkzYTM5MGE5LWVlNjgtNDg2OC1iMzRiLTI2ZTNjMGFjZjBkNSIsInB1ciI6ImJsb2JfaWQifX0=--89102256b3e996e3b4f1acb5dbda9512da498523/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_5406_Original.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/eyJfcmFpbHMiOnsiZGF0YSI6IjkzYTM5MGE5LWVlNjgtNDg2OC1iMzRiLTI2ZTNjMGFjZjBkNSIsInB1ciI6ImJsb2JfaWQifX0=--89102256b3e996e3b4f1acb5dbda9512da498523/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/IMG_5406_Original.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="/domaine-des-douages/pumba">Pumba</a></strong>
       (7 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 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_d7408387-be5c-4d89-b00a-f0561d35b559">
    <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_d4803579-d377-410c-81a4-49a4240c17c2">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Samsam" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjhmMTVkOTZjLTZiNGItNDJlMC05MmY0LThhZGE4NmM3ZjhmZiIsInB1ciI6ImJsb2JfaWQifX0=--3d1163db2d39e5a032ddd1b58d9982cf9b08d08a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.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/eyJfcmFpbHMiOnsiZGF0YSI6IjhmMTVkOTZjLTZiNGItNDJlMC05MmY0LThhZGE4NmM3ZjhmZiIsInB1ciI6ImJsb2JfaWQifX0=--3d1163db2d39e5a032ddd1b58d9982cf9b08d08a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/unnamed.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="/coexister/samsam">Samsam</a></strong>
       (7 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 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_d4803579-d377-410c-81a4-49a4240c17c2">
    <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_89c99431-5388-40d5-b354-240879e2fdbe">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Petit Jean" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImM3ZTU2NDU5LTc4ZjYtNDBhNy1iMjcyLWM1N2QwNjU2YzI3MSIsInB1ciI6ImJsb2JfaWQifX0=--966313b52889cb2cfb4321c2bfbeceead6ce77d0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.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/eyJfcmFpbHMiOnsiZGF0YSI6ImM3ZTU2NDU5LTc4ZjYtNDBhNy1iMjcyLWM1N2QwNjU2YzI3MSIsInB1ciI6ImJsb2JfaWQifX0=--966313b52889cb2cfb4321c2bfbeceead6ce77d0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/unnamed.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="/coexister/petit-jean">Petit Jean</a></strong>
       (7 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 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_89c99431-5388-40d5-b354-240879e2fdbe">
    <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_989a2fd1-d430-4b20-a57e-bf9b6571ec1f">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6Ijk5MTg0ZDEyLTQwNzgtNDAwZC04Zjk3LTUxNDY4YjQwZmY1YyIsInB1ciI6ImJsb2JfaWQifX0=--96032ad4f86bf16ffc252c478f0114d0f400d07a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/FAIRSHOT%20-21022025%20-%2014h59-%20DSC01796.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/ThierryLafosse">ThierryLafosse</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctuaire-du-chateau/thierry">Thierry</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 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_989a2fd1-d430-4b20-a57e-bf9b6571ec1f">
    <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_54e1c49c-6f21-493e-953e-f73dfede8725">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Pinpin" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjY1YjU0NTc4LTliOTktNDk4Mi05ODAxLTk1ZWE3NmY5NzUzMiIsInB1ciI6ImJsb2JfaWQifX0=--0b9f2783ad09c40dfd1b083da2d4003b1b0da99f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_5524_Original.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/eyJfcmFpbHMiOnsiZGF0YSI6IjY1YjU0NTc4LTliOTktNDk4Mi05ODAxLTk1ZWE3NmY5NzUzMiIsInB1ciI6ImJsb2JfaWQifX0=--0b9f2783ad09c40dfd1b083da2d4003b1b0da99f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/IMG_5524_Original.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="/domaine-des-douages/pinpin">Pinpin</a></strong>
       (7 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 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_54e1c49c-6f21-493e-953e-f73dfede8725">
    <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_24817956-f680-4486-8450-7f83267d770f">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Fortuna" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImRhMjQ3ZDc2LWUyNGEtNDBhMS1iMzc2LTMyZTdkNDIyMTllYSIsInB1ciI6ImJsb2JfaWQifX0=--fe4e19851d7f3169a62aa9763ca2721dd91b7177/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).avif" />
  </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/eyJfcmFpbHMiOnsiZGF0YSI6ImRhMjQ3ZDc2LWUyNGEtNDBhMS1iMzc2LTMyZTdkNDIyMTllYSIsInB1ciI6ImJsb2JfaWQifX0=--fe4e19851d7f3169a62aa9763ca2721dd91b7177/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41d511c853d5f60e7dc4171011009b036b7415f3/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).avif" />
      <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/fortuna">Fortuna</a></strong>
       (11 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 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_24817956-f680-4486-8450-7f83267d770f">
    <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_a3d1c255-bf52-4f01-a85c-531b49e3a11f">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6IjA4YzYyN2RmLTJkMDEtNDlhNC1iMmFhLTZiZWUyYzNhNWE3OSIsInB1ciI6ImJsb2JfaWQifX0=--a5b319e4304b761b696922ce3ef0b3226a3fa81b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/FST09244.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/sanctopia">Sanctopia</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctuaire-du-chateau/espoir">Espoir</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 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_a3d1c255-bf52-4f01-a85c-531b49e3a11f">
    <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_4811481d-3f86-4424-a6d6-615f8c5ac8ce">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Meli" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImM2NTdkYjVlLTJjMzQtNDA2Zi1iNjQyLTBmOTJlN2ZkOTQ5MyIsInB1ciI6ImJsb2JfaWQifX0=--9044bdd6d53b6997b0de0e0eaa629e0104a7933b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--34ecedecbd2f1e6efea7778342318f9755c49a59/IMG_5800.JPG" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 11 ans que
    <strong><a class="link" href="/coexister/meli">Meli</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 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_4811481d-3f86-4424-a6d6-615f8c5ac8ce">
    <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_8a318676-4955-4b28-9268-d40946e2ca36">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Bhutsy" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjIzMWQ1NWVlLTdjZTMtNDRhNy04ZWMyLTMxMmQ5NmIxODViMSIsInB1ciI6ImJsb2JfaWQifX0=--224c56a1eca681deb85238585979e17c42071eb2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.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/eyJfcmFpbHMiOnsiZGF0YSI6IjIzMWQ1NWVlLTdjZTMtNDRhNy04ZWMyLTMxMmQ5NmIxODViMSIsInB1ciI6ImJsb2JfaWQifX0=--224c56a1eca681deb85238585979e17c42071eb2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/unnamed.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="/coexister/bhutsy">Bhutsy</a></strong>
       (6 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 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_8a318676-4955-4b28-9268-d40946e2ca36">
    <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_60a14b8a-0024-4737-8710-21ed608106d4">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Yazus" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQzZWYzODgwLTE4NGItNDM4Yy1iODJjLTRjYjg3MTY4OTUzOSIsInB1ciI6ImJsb2JfaWQifX0=--f1e646e3a39d2e9f5efd60f3d697858899e349d9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/0ec2ef0c-0635-4078-91dd-947463e115a3.jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 4 ans que
    <strong><a class="link" href="/coexister/yazus">Yazus</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 3 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_60a14b8a-0024-4737-8710-21ed608106d4">
    <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_d0c83dd5-4f59-4f9e-8bf0-5e9a3837cbaa">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Alan" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjlmNmU5M2FmLWZiMGQtNDc2OC05MzQ5LThkZGM3NjMxM2IzOCIsInB1ciI6ImJsb2JfaWQifX0=--e2c094840ce41b945838ba554706d3c77374e864/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 1 an que
    <strong><a class="link" href="/coexister/alan">Alan</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 3 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_d0c83dd5-4f59-4f9e-8bf0-5e9a3837cbaa">
    <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_b2601770-9b77-41e3-9447-1f1ba826c7da">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Stu" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijc0ZWNmZjA5LTNiOTItNDQ4ZS04ODYzLWVmMzNlYTUwZWRiMSIsInB1ciI6ImJsb2JfaWQifX0=--61f262820ca52549d0c0b0f512a2807f2a5b4171/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 1 an que
    <strong><a class="link" href="/coexister/stu">Stu</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 3 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_b2601770-9b77-41e3-9447-1f1ba826c7da">
    <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_230f7451-fe05-44a1-a6b5-5f66438bc0dc">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Doug" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA5Yjc4YTVhLWNlMWQtNDYxNC05NTFlLTRlZGVmMWI4OTc5NSIsInB1ciI6ImJsb2JfaWQifX0=--ae92b362e2d89f1bc686a7c9cbbb1a642efa4136/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 1 an que
    <strong><a class="link" href="/coexister/doug">Doug</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 3 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_230f7451-fe05-44a1-a6b5-5f66438bc0dc">
    <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_bcdb8ff5-5363-41c3-bb35-e4353c7c3e83">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6IjJjMWRmY2NjLTk0NjUtNGE4Zi04MzAzLWE5MTYzMDJmMGNhYyIsInB1ciI6ImJsb2JfaWQifX0=--636cc69cf6759d87680e955f345fd4eb46a29cd3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/MAYAa4.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/Carogirard37">Carogirard37</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctuaire-du-chateau/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 3 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_bcdb8ff5-5363-41c3-bb35-e4353c7c3e83">
    <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_7651712d-f52c-41f6-8bf5-40dee6b1f0e7">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Poppy" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImFmNjA3MDFlLTI1NzYtNDBjOC1iODU4LTMwNTdlN2UyNjU2NCIsInB1ciI6ImJsb2JfaWQifX0=--3507e3417825adfd4290ec77800a2ec2008ba6a0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--34ecedecbd2f1e6efea7778342318f9755c49a59/IMG_5695.JPG" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 0 an que
    <strong><a class="link" href="/domaine-des-douages/poppy">Poppy</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 3 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_7651712d-f52c-41f6-8bf5-40dee6b1f0e7">
    <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_2f9d655f-c43b-4181-b2b1-92466eaf801d">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Toscane" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNiZWJhNzA4LTE4YjMtNDNjZi1hYzcwLWU3NDQ2MWFjODgxNiIsInB1ciI6ImJsb2JfaWQifX0=--672b24189510301c4075f61cb31b3e67e6f81880/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/8119cf_6068651f22284b4e98ba620c143cc5dd~mv2.avif" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 1 an que
    <strong><a class="link" href="/coexister/toscane">Toscane</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 3 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_2f9d655f-c43b-4181-b2b1-92466eaf801d">
    <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_61fe7c10-0012-42bc-babd-05af57235153">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Ashoka" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijk4YmZjMDdmLTk5ODQtNDhhNy05MDM5LWJjNzVhY2NhOTliZSIsInB1ciI6ImJsb2JfaWQifX0=--93f1cafcbbe2789142ff241c1858b045fce32aef/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_5856.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/eyJfcmFpbHMiOnsiZGF0YSI6Ijk4YmZjMDdmLTk5ODQtNDhhNy05MDM5LWJjNzVhY2NhOTliZSIsInB1ciI6ImJsb2JfaWQifX0=--93f1cafcbbe2789142ff241c1858b045fce32aef/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/IMG_5856.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/ashoka">Ashoka</a></strong>
       (7 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 3 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_61fe7c10-0012-42bc-babd-05af57235153">
    <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_66311056-1215-418b-a9e2-1f6d89803a77">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Judski" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImI4MTI2NzkzLTU5NTgtNDM5MS04NzdmLTRlNjgwYzRlYjk1ZiIsInB1ciI6ImJsb2JfaWQifX0=--91fb195448c42c8d997a6811feb27e652a5c7045/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_5852.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/eyJfcmFpbHMiOnsiZGF0YSI6ImI4MTI2NzkzLTU5NTgtNDM5MS04NzdmLTRlNjgwYzRlYjk1ZiIsInB1ciI6ImJsb2JfaWQifX0=--91fb195448c42c8d997a6811feb27e652a5c7045/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/IMG_5852.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/judski">Judski</a></strong>
       (7 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 3 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_66311056-1215-418b-a9e2-1f6d89803a77">
    <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_3925e13a-0be0-4e82-a36c-f48715407e27">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Maro" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImUzYzRmNzU5LTUyM2EtNDk2Ni04Y2M2LWUzMTFlYjMwMzY2MSIsInB1ciI6ImJsb2JfaWQifX0=--f298344a6b38b7ba538ff0a3793664b6340f7de3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/Maro.png" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 5 ans que
    <strong><a class="link" href="/coexister/maro">Maro</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 3 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_3925e13a-0be0-4e82-a36c-f48715407e27">
    <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=3">Découvrir plus ...</a>
    </div>
</div>

</template></turbo-stream>