<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="card bg-base-200" id="activity_3fa40800-0f4c-4450-ac31-e0c2c5ab20e2">
    <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">
        <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/eyJfcmFpbHMiOnsiZGF0YSI6IjA5Yjc4YTVhLWNlMWQtNDYxNC05NTFlLTRlZGVmMWI4OTc5NSIsInB1ciI6ImJsb2JfaWQifX0=--ae92b362e2d89f1bc686a7c9cbbb1a642efa4136/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/doug">Doug</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 1 jour
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_3fa40800-0f4c-4450-ac31-e0c2c5ab20e2">
    <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_75a9792d-5491-4498-b655-4304bd7f6a58">
    <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">
        <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/eyJfcmFpbHMiOnsiZGF0YSI6IjlmNmU5M2FmLWZiMGQtNDc2OC05MzQ5LThkZGM3NjMxM2IzOCIsInB1ciI6ImJsb2JfaWQifX0=--e2c094840ce41b945838ba554706d3c77374e864/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/alan">Alan</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 1 jour
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_75a9792d-5491-4498-b655-4304bd7f6a58">
    <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_bf57ba6e-f7b1-47b4-8fd8-4dde50ed5bc0">
    <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">
        <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/eyJfcmFpbHMiOnsiZGF0YSI6Ijc0ZWNmZjA5LTNiOTItNDQ4ZS04ODYzLWVmMzNlYTUwZWRiMSIsInB1ciI6ImJsb2JfaWQifX0=--61f262820ca52549d0c0b0f512a2807f2a5b4171/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/stu">Stu</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 1 jour
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_bf57ba6e-f7b1-47b4-8fd8-4dde50ed5bc0">
    <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_10fb786e-d7c9-43b8-962e-c4870e712c9c">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Guillaume" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjhkNDkyMjQxLWFmYmItNDFkMi05Y2M1LTNhYjk5Y2JhOGYwMiIsInB1ciI6ImJsb2JfaWQifX0=--d3cd8ed4aa0db29342840debfdd78fb509cb1580/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/Test%20Sanctopia%20Guillaume.png" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 3 ans que
    <strong><a class="link" href="/sanctuaire-du-chateau/guillaume">Guillaume</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_10fb786e-d7c9-43b8-962e-c4870e712c9c">
    <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_688cc8ee-8299-4be6-8168-c92e13107a82">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Bagheera" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA1MmY5ZDU2LWIxMzktNDlhMy1iZWM0LWJlYzA0OGRlMDY3NCIsInB1ciI6ImJsb2JfaWQifX0=--99b80f298dd280bae173eb0bd8677dc86fb4144a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/A7404629%20-%2022092024%20-%2009h08%20-%2022%20septembre%202024.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 8 ans que
    <strong><a class="link" href="/sanctuaire-du-chateau/bagheera">Bagheera</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_688cc8ee-8299-4be6-8168-c92e13107a82">
    <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_c6bfc88d-dded-4520-b670-a5322100f909">
    <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">
        <p>
    Cela fait 1 an que
    <strong><a class="link" href="/refuge-de-pompoho/glaz">Glaz</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_c6bfc88d-dded-4520-b670-a5322100f909">
    <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_33032531-4d51-4dfc-a06c-a9e0ec10718a">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Toto" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjFhMzgyZDFhLTg3NGItNGIzYi1iOTYwLTFhZjJhMTM0Mjg0YiIsInB1ciI6ImJsb2JfaWQifX0=--0f66e0b4e8f5da2da22a351a7de9eecd0dd228fb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/485498131_17983395356804401_1796718741748288578_n.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 5 ans que
    <strong><a class="link" href="/sanctuaire-du-chateau/toto">Toto</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_33032531-4d51-4dfc-a06c-a9e0ec10718a">
    <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_c004602e-0b7f-4754-b77b-cc266e123d94">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Pierre-Emmanuel" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjM0NGRjOGJhLWI3OTctNDE1YS1iN2I2LTkyMTg1Y2QyYTY1ZSIsInB1ciI6ImJsb2JfaWQifX0=--cc65326ea130f196992bb34d4b51a454d1bbcb37/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/Test%20Sanctopia%20Pierre%20emmanuel.png" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 3 ans que
    <strong><a class="link" href="/sanctuaire-du-chateau/pierre-emmanuel">Pierre-Emmanuel</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_c004602e-0b7f-4754-b77b-cc266e123d94">
    <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_068d5945-473b-4093-a991-5229650c8929">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Buzhug" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImYwMmE3YjMwLWVkZTgtNGM1OC04MDI4LTY1NmU3M2FkZmU5ZCIsInB1ciI6ImJsb2JfaWQifX0=--1f713f90f45c73b90f6882a19b25c52992711f07/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/Buzhug.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 1 an que
    <strong><a class="link" href="/refuge-de-pompoho/buzhug">Buzhug</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_068d5945-473b-4093-a991-5229650c8929">
    <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_7e83d4bb-4588-48d9-b729-9127e2f7e2d4">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Thierry" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijk5MTg0ZDEyLTQwNzgtNDAwZC04Zjk3LTUxNDY4YjQwZmY1YyIsInB1ciI6ImJsb2JfaWQifX0=--96032ad4f86bf16ffc252c478f0114d0f400d07a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/FAIRSHOT%20-21022025%20-%2014h59-%20DSC01796.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 3 ans que
    <strong><a class="link" href="/sanctuaire-du-chateau/thierry">Thierry</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_7e83d4bb-4588-48d9-b729-9127e2f7e2d4">
    <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_48b3ea0a-2fb9-4563-8946-8d8be1dfa97e">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Nala" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjFlYzY1ZjJmLWMxZWQtNDRiOC05MjAwLTQyODU4YjdlMzViMyIsInB1ciI6ImJsb2JfaWQifX0=--eaa40c042e765757baa6196c3e717e425a592db7/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/fairshot7R301643.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 8 ans que
    <strong><a class="link" href="/sanctuaire-du-chateau/nala">Nala</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_48b3ea0a-2fb9-4563-8946-8d8be1dfa97e">
    <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_f5c3c6db-8cad-40cf-930f-793a04456ad9">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Simba" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjkwNmZjMjM0LWQwNjgtNGYzZS1iN2RkLTMzZWFmZGEyODBhOCIsInB1ciI6ImJsb2JfaWQifX0=--3cfd0d643b85b58d1153ba40a3be04fbaa7da227/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/fairshot7R301799.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 8 ans que
    <strong><a class="link" href="/sanctuaire-du-chateau/simba">Simba</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_f5c3c6db-8cad-40cf-930f-793a04456ad9">
    <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_730d3b2e-900b-49fd-9825-bcbe2d4c7b13">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Pablo" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjdlM2Q5NWI1LTJlM2EtNDAwYS04ZGE0LWQ4MmM5N2QyYWY1MyIsInB1ciI6ImJsb2JfaWQifX0=--65274bfe5f598dd75afcd3e424601e4e3ed367d2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/fairshot7R3020j52.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 3 ans que
    <strong><a class="link" href="/sanctuaire-du-chateau/pablo">Pablo</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_730d3b2e-900b-49fd-9825-bcbe2d4c7b13">
    <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_e0ee54fc-d97b-454b-8c2e-c56e4b6f9575">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Toto" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjFhMzgyZDFhLTg3NGItNGIzYi1iOTYwLTFhZjJhMTM0Mjg0YiIsInB1ciI6ImJsb2JfaWQifX0=--0f66e0b4e8f5da2da22a351a7de9eecd0dd228fb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/485498131_17983395356804401_1796718741748288578_n.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/eyJfcmFpbHMiOnsiZGF0YSI6IjFhMzgyZDFhLTg3NGItNGIzYi1iOTYwLTFhZjJhMTM0Mjg0YiIsInB1ciI6ImJsb2JfaWQifX0=--0f66e0b4e8f5da2da22a351a7de9eecd0dd228fb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/485498131_17983395356804401_1796718741748288578_n.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="/sanctuaire-du-chateau/toto">Toto</a></strong>
       (15 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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_e0ee54fc-d97b-454b-8c2e-c56e4b6f9575">
    <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_d1d82f80-456f-42ae-8c69-bea781cc58b1">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Root" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjgyMzRmZGE3LTE1YTYtNDJlYy1iMDA5LTYyZGNhZGYxZTk0MCIsInB1ciI6ImJsb2JfaWQifX0=--e5d615b947a7f5a638396f9c6318b710720691b6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_6157.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/eyJfcmFpbHMiOnsiZGF0YSI6IjgyMzRmZGE3LTE1YTYtNDJlYy1iMDA5LTYyZGNhZGYxZTk0MCIsInB1ciI6ImJsb2JfaWQifX0=--e5d615b947a7f5a638396f9c6318b710720691b6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/IMG_6157.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/root">Root</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_d1d82f80-456f-42ae-8c69-bea781cc58b1">
    <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_16c74770-ce70-4229-961c-aabb0e9f6428">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Gila" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjdiYTljMDRmLWQ5OWYtNGE0Mi04ODM3LTg2YjZhZWRhM2JkNCIsInB1ciI6ImJsb2JfaWQifX0=--b9b960a27dc2a2a81f32200deafbd91bd85c73bb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_5769.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/eyJfcmFpbHMiOnsiZGF0YSI6IjdiYTljMDRmLWQ5OWYtNGE0Mi04ODM3LTg2YjZhZWRhM2JkNCIsInB1ciI6ImJsb2JfaWQifX0=--b9b960a27dc2a2a81f32200deafbd91bd85c73bb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/IMG_5769.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/gila">Gila</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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_16c74770-ce70-4229-961c-aabb0e9f6428">
    <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_cc790d81-8041-44ee-8de6-f348adec45d8">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Thierry" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijk5MTg0ZDEyLTQwNzgtNDAwZC04Zjk3LTUxNDY4YjQwZmY1YyIsInB1ciI6ImJsb2JfaWQifX0=--96032ad4f86bf16ffc252c478f0114d0f400d07a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/FAIRSHOT%20-21022025%20-%2014h59-%20DSC01796.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/eyJfcmFpbHMiOnsiZGF0YSI6Ijk5MTg0ZDEyLTQwNzgtNDAwZC04Zjk3LTUxNDY4YjQwZmY1YyIsInB1ciI6ImJsb2JfaWQifX0=--96032ad4f86bf16ffc252c478f0114d0f400d07a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/FAIRSHOT%20-21022025%20-%2014h59-%20DSC01796.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="/sanctuaire-du-chateau/thierry">Thierry</a></strong>
       (4 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 6 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_cc790d81-8041-44ee-8de6-f348adec45d8">
    <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_3b252544-a4af-4c04-9553-c69b93aa1ce1">
    <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">
        <p>
    Cela fait 4 ans que
    <strong><a class="link" href="/coexister/miana">Miana</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 12 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_3b252544-a4af-4c04-9553-c69b93aa1ce1">
    <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_447b5e58-bb5d-4152-931a-7b1e4406a271">
    <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">
        <p>
    Cela fait 4 ans que
    <strong><a class="link" href="/coexister/khamti">Khamti</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 12 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_447b5e58-bb5d-4152-931a-7b1e4406a271">
    <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_8ec01b27-b019-49cb-acd9-11bfa1cd761a">
    <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">
        <p>
    Cela fait 4 ans que
    <strong><a class="link" href="/coexister/alydhan">Alydhan</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 12 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_8ec01b27-b019-49cb-acd9-11bfa1cd761a">
    <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=2">Découvrir plus ...</a>
    </div>
</div>

</template></turbo-stream>