<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="card bg-base-200" id="activity_bd5d255e-57f1-468c-8b82-d71207752cb1">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Shana" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjVhZjdlYjAyLWViYWYtNDMwNi1hNmU2LTYwYWUyNTA2ZDk3YyIsInB1ciI6ImJsb2JfaWQifX0=--30748099f021186e421742ba77986fc012158f6e/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/eyJfcmFpbHMiOnsiZGF0YSI6IjVhZjdlYjAyLWViYWYtNDMwNi1hNmU2LTYwYWUyNTA2ZDk3YyIsInB1ciI6ImJsb2JfaWQifX0=--30748099f021186e421742ba77986fc012158f6e/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/shana">Shana</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 environ 9 heures
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_bd5d255e-57f1-468c-8b82-d71207752cb1">
    <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_9e775551-bc41-4576-94db-5ab4e7392672">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Aïni" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjE5MmUzMmIwLTVhNmYtNDE1ZC1iNjU5LTM2Y2UyYWZlMjg3YiIsInB1ciI6ImJsb2JfaWQifX0=--cb45e89f49153c8f8f0e8fd7498e03b28b0fd8f8/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/aini">Aïni</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 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_9e775551-bc41-4576-94db-5ab4e7392672">
    <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_9160030b-e17c-4beb-a6c1-7af665dd2ddb">
    <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">
        <p>
    Cela fait 0 an que
    <strong><a class="link" href="/coexister/ashoka">Ashoka</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 11 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_9160030b-e17c-4beb-a6c1-7af665dd2ddb">
    <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_bb29d0f7-2e71-464c-8aa0-7dc21f1fd8d1">
    <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">
        <p>
    Cela fait 0 an que
    <strong><a class="link" href="/coexister/judski">Judski</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 11 jours
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_bb29d0f7-2e71-464c-8aa0-7dc21f1fd8d1">
    <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_a5614bb2-7d52-47e9-842d-0a9fde3c51c3">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Chew" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjQzYjZlMDhkLTMyNmItNDYxNC1hZGYzLTEzOTBhYzhkMDA3MiIsInB1ciI6ImJsb2JfaWQifX0=--45f421ac56083d7644cc3b2eff5cf140a2e35e21/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/A7404980%20-%2022092024%20-%2018h03%20-%2022%20septembre%202024.jpg" />
  </figure>

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

      <!-- Claps Section -->
      <div id="claps_activity_a5614bb2-7d52-47e9-842d-0a9fde3c51c3">
    <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_f9322e63-4975-4976-9360-a1b38b13db42">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Maya" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjdkZjE2ZDE2LTJjNjgtNDYwMi1hNTIzLTkwMjhiYTI5OTY3MSIsInB1ciI6ImJsb2JfaWQifX0=--ca2d32d4faf752d21da1f2e492c0af5b9a96929b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/8119cf_001ebc74bb944918afa841127c5d427b~mv2.avif" />
  </figure>

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

      <!-- Claps Section -->
      <div id="claps_activity_f9322e63-4975-4976-9360-a1b38b13db42">
    <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_0ab12b1d-c93e-4e41-9618-6a93de6d28b2">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Clem" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImIyYmE3NDI5LTE4MGItNDg0OC05N2I2LTgyMDQ5YWRmNmUxMCIsInB1ciI6ImJsb2JfaWQifX0=--6a375dad76c23734bf37dca78584c08a59dce525/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/WhatsApp%20Image%202026-02-03%20at%2015.47.42.jpeg" />
  </figure>

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

      <!-- Claps Section -->
      <div id="claps_activity_0ab12b1d-c93e-4e41-9618-6a93de6d28b2">
    <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_a1df3d62-7d21-4750-91e5-5d0cee57d46e">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Juliette" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjY1OTkwZGYxLTM1ODktNDE1OS1hYTA0LWJlNWRiYTdlMmI0OCIsInB1ciI6ImJsb2JfaWQifX0=--b8def2dc4e2fca301f2bd74d01c8e74eccd0a2c5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/Juliette%202.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="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41d511c853d5f60e7dc4171011009b036b7415f3/364236710_266126206165334_3845397844491391564_n.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="/sanctuaire-du-chateau/juliette">Juliette</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/sanctuaire-du-chateau">Sanctuaire du Château</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 environ 1 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_a1df3d62-7d21-4750-91e5-5d0cee57d46e">
    <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_df528baa-4396-4698-a258-a92f558c5d85">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Aymeric" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjI3YzYxMGM4LTFjODUtNDllOC1hYjViLTc2ZTg5OTI0YjBiYiIsInB1ciI6ImJsb2JfaWQifX0=--440822f6498e2c294620951eab774957cc0929f0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/Aymeric%204.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="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41d511c853d5f60e7dc4171011009b036b7415f3/364236710_266126206165334_3845397844491391564_n.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="/sanctuaire-du-chateau/aymeric">Aymeric</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/sanctuaire-du-chateau">Sanctuaire du Château</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 environ 1 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_df528baa-4396-4698-a258-a92f558c5d85">
    <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_b3394b3d-a131-4560-b5f5-25a57b32a715">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Josiane" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjhmYTZhZDQ3LWI0OTgtNDY3NC1iYTkzLTAwZGJkOWY3YmUzZCIsInB1ciI6ImJsb2JfaWQifX0=--5282bb45c0b5698688d57a1b32396ce064febd3d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/Josiane%202.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="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41d511c853d5f60e7dc4171011009b036b7415f3/364236710_266126206165334_3845397844491391564_n.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="/sanctuaire-du-chateau/josiane">Josiane</a></strong>
        a été ajouté·e au sanctuaire <a class="link" href="/sanctuaire-du-chateau">Sanctuaire du Château</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 environ 1 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_b3394b3d-a131-4560-b5f5-25a57b32a715">
    <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_6cb61abb-1ac8-4666-b0ef-d9e572fe981e">
  
  <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/Kanitha_Octavia">Kanitha &amp; Octavia</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 environ 1 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_6cb61abb-1ac8-4666-b0ef-d9e572fe981e">
    <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_e3cea732-734d-420b-a501-9f2d1c2ce947">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Aïni" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjE5MmUzMmIwLTVhNmYtNDE1ZC1iNjU5LTM2Y2UyYWZlMjg3YiIsInB1ciI6ImJsb2JfaWQifX0=--cb45e89f49153c8f8f0e8fd7498e03b28b0fd8f8/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/eyJfcmFpbHMiOnsiZGF0YSI6IjE5MmUzMmIwLTVhNmYtNDE1ZC1iNjU5LTM2Y2UyYWZlMjg3YiIsInB1ciI6ImJsb2JfaWQifX0=--cb45e89f49153c8f8f0e8fd7498e03b28b0fd8f8/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/aini">Aïni</a></strong>
       (5 ans) ! 🎂
    </p>
  </div>


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

      <!-- Claps Section -->
      <div id="claps_activity_e3cea732-734d-420b-a501-9f2d1c2ce947">
    <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_08382972-5a35-40d2-9f25-eef23af2a6d1">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Barbouille" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA5N2FjYTg1LTI2NjEtNDc2OC1iMmE1LTEzMjI5N2Y4ZTllYiIsInB1ciI6ImJsb2JfaWQifX0=--59c4ff824d0cfd43f3cf792409ab147294314746/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/eyJfcmFpbHMiOnsiZGF0YSI6IjA5N2FjYTg1LTI2NjEtNDc2OC1iMmE1LTEzMjI5N2Y4ZTllYiIsInB1ciI6ImJsb2JfaWQifX0=--59c4ff824d0cfd43f3cf792409ab147294314746/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/barbouille">Barbouille</a></strong>
       (10 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 environ 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_08382972-5a35-40d2-9f25-eef23af2a6d1">
    <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_4f998365-4b1a-4e71-87d1-0cccfc777f4a">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Ice" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjQwZmYxYWQ1LWYxYWItNDUyMy1iNjJlLTA4YWRlMGY0MmRjNiIsInB1ciI6ImJsb2JfaWQifX0=--b67f25a015eb6f68ebd4156e3044551ff8136cae/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/441466481_844844204275964_7450804517482403067_n(1).jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 3 ans que
    <strong><a class="link" href="/refuge-de-pompoho/ice">Ice</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_4f998365-4b1a-4e71-87d1-0cccfc777f4a">
    <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_9b081642-87e6-457e-a9b1-ca146daebb1c">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Hervé" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjkzNWZhYmFkLTgyYzktNDM4OC05ODYzLTA5ZmE3MmU3MmFiZSIsInB1ciI6ImJsb2JfaWQifX0=--f8e709f3cd3b5d7ce19b09089793cf06afc00d80/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--34ecedecbd2f1e6efea7778342318f9755c49a59/IMG_5653%20(1).JPG" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 9 ans que
    <strong><a class="link" href="/domaine-des-douages/herve">Hervé</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_9b081642-87e6-457e-a9b1-ca146daebb1c">
    <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_ed575666-c7e3-4d19-97db-fbc5f5ec6b06">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Panaché" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU1ZjdmOTEyLTFlMDQtNDFjNC04YjkyLTdjODhjOWRjYmQwOCIsInB1ciI6ImJsb2JfaWQifX0=--40290f1bdd0a7c11c1915a479b983e88ce83522c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/Panach%C3%A9%20.jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 3 ans que
    <strong><a class="link" href="/refuge-de-pompoho/panache">Panaché</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_ed575666-c7e3-4d19-97db-fbc5f5ec6b06">
    <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_f5528fef-1a0c-4483-aea9-b0ba70d32f5f">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Tournesol" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjM0NjE0NzRhLTVlZTItNDE2Ni04MzcxLThmNGI3OWQzYTkwMyIsInB1ciI6ImJsb2JfaWQifX0=--ef85b2f84ca660013023df76eaf516085c22cfaf/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/Tournesol%20.jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 3 ans que
    <strong><a class="link" href="/refuge-de-pompoho/tournesol">Tournesol</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_f5528fef-1a0c-4483-aea9-b0ba70d32f5f">
    <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_8c71b009-93a7-42fe-a1cf-4f2cad5fd189">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Enez" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjFmZmRiYmM5LTAwZmYtNDkzZS04ZWUzLTBmYjU1YzFiODFlMSIsInB1ciI6ImJsb2JfaWQifX0=--315b9b37772584de7e6ce371980998cd6b0cba0c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/enez.jpeg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 3 ans que
    <strong><a class="link" href="/refuge-de-pompoho/enez">Enez</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_8c71b009-93a7-42fe-a1cf-4f2cad5fd189">
    <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_8b6d10fc-955c-4815-b24d-e9b3f354a862">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Noisette" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNiNzhiODUwLWIxODktNDRlYy1iOWZkLWIyMGNlNjMxMjc5NyIsInB1ciI6ImJsb2JfaWQifX0=--c1d81310f29433ae8235538f4c78b1342f12bb37/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_5802.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/eyJfcmFpbHMiOnsiZGF0YSI6ImNiNzhiODUwLWIxODktNDRlYy1iOWZkLWIyMGNlNjMxMjc5NyIsInB1ciI6ImJsb2JfaWQifX0=--c1d81310f29433ae8235538f4c78b1342f12bb37/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/IMG_5802.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/noisette">Noisette</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 environ 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_8b6d10fc-955c-4815-b24d-e9b3f354a862">
    <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_aa5e5580-f2f3-4a58-8ecf-69d4f012e776">
    <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">
        <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/eyJfcmFpbHMiOnsiZGF0YSI6ImM2NTdkYjVlLTJjMzQtNDA2Zi1iNjQyLTBmOTJlN2ZkOTQ5MyIsInB1ciI6ImJsb2JfaWQifX0=--9044bdd6d53b6997b0de0e0eaa629e0104a7933b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--243bfe1fbcd6dc683b1618ed14cbac21862beb87/IMG_5800.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/meli">Meli</a></strong>
       (20 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 environ 2 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_aa5e5580-f2f3-4a58-8ecf-69d4f012e776">
    <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>