<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="card bg-base-200" id="activity_a4f6e7f2-6a1e-4859-b2f9-e94973dc50d5">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Foufou" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjI1OWU3NzE4LTRjNzUtNGY1NS1iZjY1LTQ5MDUwNjNkOWYwNyIsInB1ciI6ImJsb2JfaWQifX0=--0b637c6391a9c4490ae4aaed5d77876d28a0951f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--9d16d105eeab53c74f781bb94eb8bdbbad52299f/rabbits-4890861_1920.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 0 an que
    <strong><a class="link" href="/sanctopiad/foufou">Foufou</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_a4f6e7f2-6a1e-4859-b2f9-e94973dc50d5">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">5</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_e8a85bca-f530-4fe6-89f7-ad9129241bf2">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjAzMGQ3ZTlhLTA2MmEtNDUxMC1iNDUxLTBmODMyYTE1YTk1MSIsInB1ciI6ImJsb2JfaWQifX0=--96e2e92396d6f3521a1dc9a9471e23dd174f296b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).png" />
      <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/palmira">palmira</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/coexister/fortuna">Fortuna</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_e8a85bca-f530-4fe6-89f7-ad9129241bf2">
    <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_21c92192-8c9c-46fd-b7ac-00b61dbb332f">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjAzMGQ3ZTlhLTA2MmEtNDUxMC1iNDUxLTBmODMyYTE1YTk1MSIsInB1ciI6ImJsb2JfaWQifX0=--96e2e92396d6f3521a1dc9a9471e23dd174f296b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).png" />
      <div class="btn btn-primary 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="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
</svg>
      </div>
    </div>
    <div class="flex flex-col flex-1 gap-1">
      <p class="text-xs uppercase font-bold text-primary">Nouveau coeur récolté !</p>
      <p>
        <strong><a class="link" href="/guardians/trent">trent</a></strong>
        a collecté 1 cœur pour
        <strong><a class="link" href="/coexister/fortuna">Fortuna</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_21c92192-8c9c-46fd-b7ac-00b61dbb332f">
    <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_5da75ed5-56d3-4a2d-b563-4eb319084565">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjAzMGQ3ZTlhLTA2MmEtNDUxMC1iNDUxLTBmODMyYTE1YTk1MSIsInB1ciI6ImJsb2JfaWQifX0=--96e2e92396d6f3521a1dc9a9471e23dd174f296b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).png" />
      <div class="btn btn-primary 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="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
</svg>
      </div>
    </div>
    <div class="flex flex-col flex-1 gap-1">
      <p class="text-xs uppercase font-bold text-primary">Nouveau coeur récolté !</p>
      <p>
        <strong><a class="link" href="/guardians/trent">trent</a></strong>
        a collecté 1 cœur pour
        <strong><a class="link" href="/coexister/fortuna">Fortuna</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_5da75ed5-56d3-4a2d-b563-4eb319084565">
    <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_87f138a6-41b4-43f6-bafe-8a3d1331870e">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjAzMGQ3ZTlhLTA2MmEtNDUxMC1iNDUxLTBmODMyYTE1YTk1MSIsInB1ciI6ImJsb2JfaWQifX0=--96e2e92396d6f3521a1dc9a9471e23dd174f296b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).png" />
      <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/trent">trent</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/coexister/fortuna">Fortuna</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_87f138a6-41b4-43f6-bafe-8a3d1331870e">
    <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_f2a16422-0eb4-4bbd-a97f-11c01f98149d">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjAzMGQ3ZTlhLTA2MmEtNDUxMC1iNDUxLTBmODMyYTE1YTk1MSIsInB1ciI6ImJsb2JfaWQifX0=--96e2e92396d6f3521a1dc9a9471e23dd174f296b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).png" />
      <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/Tejdjsj">Tejdjsj</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/coexister/fortuna">Fortuna</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_f2a16422-0eb4-4bbd-a97f-11c01f98149d">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">4</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_dadb1da2-4f84-45c6-930b-ac694cf671b8">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Amanda" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjM4ZDYxNjhiLTg4M2ItNDMzMi1hYmNjLTRhMDMyMGQ0NzE0YSIsInB1ciI6ImJsb2JfaWQifX0=--50d2f3b1e3952f351da3afdea86223e3c3ff83b6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--13a260e1d33a65df4b948a6a3adb9054b853242b/Untitled%20design%20(1).png" />
  </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 des Anges" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImY3ZjI3MGFmLThkNTEtNDE2YS04NDIwLTgyM2QwYTkzMzUzNiIsInB1ciI6ImJsb2JfaWQifX0=--404e09525fd7673410ef9962dba137deb032ad86/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/ChatGPT%20Image%20Jun%2013,%202025,%2002_53_38%20PM.png" /></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-des-anges/foufou">Amanda</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/refuge-des-anges">Refuge des Anges</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_dadb1da2-4f84-45c6-930b-ac694cf671b8">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">4</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_7a85e947-40dd-4c03-9b52-3fa6e30be482">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Fortuna" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjAzMGQ3ZTlhLTA2MmEtNDUxMC1iNDUxLTBmODMyYTE1YTk1MSIsInB1ciI6ImJsb2JfaWQifX0=--96e2e92396d6f3521a1dc9a9471e23dd174f296b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--13a260e1d33a65df4b948a6a3adb9054b853242b/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).png" />
  </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="Co&amp;xister" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImExMjlmN2IwLWYwZjAtNDNkNy1iYjY5LWFkNmJmNzlkZWFkMyIsInB1ciI6ImJsb2JfaWQifX0=--4a339ee1d6720294162cab0c25bada7923ed500c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/COEXISTER_logo_kaki_cercle%20(1).png" /></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="/coexister/fortuna">Fortuna</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/coexister">Co&amp;xister</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_7a85e947-40dd-4c03-9b52-3fa6e30be482">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">11</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_55f62f7c-1239-4b26-9512-798880fa71d9">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Marcel" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijc5ZmY3ZDM0LWNmZTctNDNkYy1hMzg2LWE1NjlkMTVlNDRlMCIsInB1ciI6ImJsb2JfaWQifX0=--10f97f7346bf802a84903762c04a503b582afe19/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--13a260e1d33a65df4b948a6a3adb9054b853242b/ChatGPT%20Image%20Jun%2012,%202025,%2012_52_53%20AM.png" />
  </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="Les Voix Silencieuses" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQwMDNhZTQ5LTc1MzQtNGRlMi04NDlhLTQ2NWE4ZmNlYzVmYiIsInB1ciI6ImJsb2JfaWQifX0=--052ce50d4a6bc2551a54262305fdca81793a8f54/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/ChatGPT%20Image%20Jun%2012,%202025,%2005_34_03%20PM.png" /></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="/sanctopiad/marcel">Marcel</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/sanctopiad">Les Voix Silencieuses</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_55f62f7c-1239-4b26-9512-798880fa71d9">
    <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_8ad81cb3-4a65-4f00-98ab-6b079968b8e3">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjMzMGU2ZmQ0LTg4M2QtNGUzZi1hZmQ4LTllOTM5MmVmYTlhOCIsInB1ciI6ImJsb2JfaWQifX0=--6122db44677b039724526379936d9f9fa8b264e2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/ChatGPT%20Image%20Jun%2012,%202025,%2012_55_09%20AM.png" />
      <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/carrot">carrot</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctopiad/polie">Polie</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 6 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_8ad81cb3-4a65-4f00-98ab-6b079968b8e3">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">23</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_47d738ba-8a22-40a6-a5d9-34c04c343b58">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijc5ZmY3ZDM0LWNmZTctNDNkYy1hMzg2LWE1NjlkMTVlNDRlMCIsInB1ciI6ImJsb2JfaWQifX0=--10f97f7346bf802a84903762c04a503b582afe19/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/ChatGPT%20Image%20Jun%2012,%202025,%2012_52_53%20AM.png" />
      <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/dane">dane</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctopiad/marcel">Marcel</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 6 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_47d738ba-8a22-40a6-a5d9-34c04c343b58">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">5</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_62e7a1cb-3164-42a9-964b-9ce5b332bb58">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjMzMGU2ZmQ0LTg4M2QtNGUzZi1hZmQ4LTllOTM5MmVmYTlhOCIsInB1ciI6ImJsb2JfaWQifX0=--6122db44677b039724526379936d9f9fa8b264e2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/ChatGPT%20Image%20Jun%2012,%202025,%2012_55_09%20AM.png" />
      <div class="btn btn-primary 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="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
</svg>
      </div>
    </div>
    <div class="flex flex-col flex-1 gap-1">
      <p class="text-xs uppercase font-bold text-primary">Nouveau coeur récolté !</p>
      <p>
        <strong><a class="link" href="/guardians/wilfred.corwin">wilfred.corwin</a></strong>
        a collecté 1 cœur pour
        <strong><a class="link" href="/sanctopiad/polie">Polie</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 6 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_62e7a1cb-3164-42a9-964b-9ce5b332bb58">
    <div class="flex items-center gap-3">
      <!-- Total Claps Display -->
      <div class="flex items-center gap-1">
        <span class="font-semibold">4</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_2b065824-baa2-4b59-a619-cebb63fb9202">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjMzMGU2ZmQ0LTg4M2QtNGUzZi1hZmQ4LTllOTM5MmVmYTlhOCIsInB1ciI6ImJsb2JfaWQifX0=--6122db44677b039724526379936d9f9fa8b264e2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/ChatGPT%20Image%20Jun%2012,%202025,%2012_55_09%20AM.png" />
      <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/wilfred.corwin">wilfred.corwin</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctopiad/polie">Polie</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 6 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_2b065824-baa2-4b59-a619-cebb63fb9202">
    <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_3a6579b1-ff8f-429e-b045-9bd90ac7570d">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijg0OWQ1ZjAzLTljYjMtNDA4Ni04ZTE3LTE3ODM5MDllNTU1NyIsInB1ciI6ImJsb2JfaWQifX0=--da611a7c0c1dc56cffd157bb054b9cd927057ecc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--8f8b982f05726071b6d1838c1d698589507a14c5/485498131_17983395356804401_1796718741748288578_n.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/wilfred.corwin">wilfred.corwin</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctuaire-du-chateau-gaillard/toto">Toto</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 6 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_3a6579b1-ff8f-429e-b045-9bd90ac7570d">
    <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_80aa8a33-a734-42b1-9a38-31c0b8c6f42b">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjAzMGQ3ZTlhLTA2MmEtNDUxMC1iNDUxLTBmODMyYTE1YTk1MSIsInB1ciI6ImJsb2JfaWQifX0=--96e2e92396d6f3521a1dc9a9471e23dd174f296b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).png" />
      <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/wilfred.corwin">wilfred.corwin</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/coexister/fortuna">Fortuna</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 6 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_80aa8a33-a734-42b1-9a38-31c0b8c6f42b">
    <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_7b904a04-0d07-4f2b-a58e-d086677aeb2e">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjI1OWU3NzE4LTRjNzUtNGY1NS1iZjY1LTQ5MDUwNjNkOWYwNyIsInB1ciI6ImJsb2JfaWQifX0=--0b637c6391a9c4490ae4aaed5d77876d28a0951f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--8f8b982f05726071b6d1838c1d698589507a14c5/rabbits-4890861_1920.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/arlinda">arlinda</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctopiad/foufou">Foufou</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 7 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_7b904a04-0d07-4f2b-a58e-d086677aeb2e">
    <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_5ffafb70-14c1-450a-8e25-d251f97fff9e">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijg0OWQ1ZjAzLTljYjMtNDA4Ni04ZTE3LTE3ODM5MDllNTU1NyIsInB1ciI6ImJsb2JfaWQifX0=--da611a7c0c1dc56cffd157bb054b9cd927057ecc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--8f8b982f05726071b6d1838c1d698589507a14c5/485498131_17983395356804401_1796718741748288578_n.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/arlinda">arlinda</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctuaire-du-chateau-gaillard/toto">Toto</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 7 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_5ffafb70-14c1-450a-8e25-d251f97fff9e">
    <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_29912477-31a7-4c2e-980e-04694f0718d1">
  
  <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.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjAzMGQ3ZTlhLTA2MmEtNDUxMC1iNDUxLTBmODMyYTE1YTk1MSIsInB1ciI6ImJsb2JfaWQifX0=--96e2e92396d6f3521a1dc9a9471e23dd174f296b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).png" />
      <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/arlinda">arlinda</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/coexister/fortuna">Fortuna</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 7 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_29912477-31a7-4c2e-980e-04694f0718d1">
    <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_7f03f296-527b-45c2-8514-8c21654dea3a">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Molly" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjRhMDI0ZWUwLWRhY2ItNDM2Yy1hOGZmLWUxZjcwNTNiMTVmOSIsInB1ciI6ImJsb2JfaWQifX0=--0eff1bfdeeb46c0f2b28a76a533c40ae1c1cfe7a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--13a260e1d33a65df4b948a6a3adb9054b853242b/ChatGPT%20Image%20Jun%2012,%202025,%2001_04_49%20AM.png" />
  </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="Les Voix Silencieuses" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQwMDNhZTQ5LTc1MzQtNGRlMi04NDlhLTQ2NWE4ZmNlYzVmYiIsInB1ciI6ImJsb2JfaWQifX0=--052ce50d4a6bc2551a54262305fdca81793a8f54/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/ChatGPT%20Image%20Jun%2012,%202025,%2005_34_03%20PM.png" /></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="/sanctopiad/molly">Molly</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/sanctopiad">Les Voix Silencieuses</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 7 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_7f03f296-527b-45c2-8514-8c21654dea3a">
    <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_47b60394-422e-4e25-8bcf-8b264edefbf1">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Foufou" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjI1OWU3NzE4LTRjNzUtNGY1NS1iZjY1LTQ5MDUwNjNkOWYwNyIsInB1ciI6ImJsb2JfaWQifX0=--0b637c6391a9c4490ae4aaed5d77876d28a0951f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--9d16d105eeab53c74f781bb94eb8bdbbad52299f/rabbits-4890861_1920.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="Les Voix Silencieuses" src="https://cdn.staging.sanctopia.fr/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQwMDNhZTQ5LTc1MzQtNGRlMi04NDlhLTQ2NWE4ZmNlYzVmYiIsInB1ciI6ImJsb2JfaWQifX0=--052ce50d4a6bc2551a54262305fdca81793a8f54/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e4272de8c68c538d4256d566a014b24f3f1e6446/ChatGPT%20Image%20Jun%2012,%202025,%2005_34_03%20PM.png" /></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="/sanctopiad/foufou">Foufou</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/sanctopiad">Les Voix Silencieuses</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 7 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_47b60394-422e-4e25-8bcf-8b264edefbf1">
    <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>