<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="card bg-base-200" id="activity_214b20c3-2a57-414e-80e6-12fc4864871d">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Cerena" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjEzNWMxM2U2LWNiOWEtNGJjNy04OGVmLTgwYjUwNDhkYzZlOCIsInB1ciI6ImJsb2JfaWQifX0=--f89978a27da62e1c76e248be1a7f629ee231d6e9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/A7404843%20-%2022092024%20-%2017h45%20-%2022%20septembre%202024.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/eyJfcmFpbHMiOnsiZGF0YSI6IjEzNWMxM2U2LWNiOWEtNGJjNy04OGVmLTgwYjUwNDhkYzZlOCIsInB1ciI6ImJsb2JfaWQifX0=--f89978a27da62e1c76e248be1a7f629ee231d6e9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/A7404843%20-%2022092024%20-%2017h45%20-%2022%20septembre%202024.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/cerena">Cerena</a></strong>
       (14 ans) ! 🎂
    </p>
  </div>


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

      <!-- Claps Section -->
      <div id="claps_activity_214b20c3-2a57-414e-80e6-12fc4864871d">
    <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_d8cd0f17-f542-46d4-89a4-8c257227b701">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Osha" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijc1ZDYwYjI1LThkZWYtNDUzMS04NTM4LTM2ZjFkOWFiN2JmMiIsInB1ciI6ImJsb2JfaWQifX0=--67f035702923a37c54c1a04327355ea617627b8a/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/eyJfcmFpbHMiOnsiZGF0YSI6Ijc1ZDYwYjI1LThkZWYtNDUzMS04NTM4LTM2ZjFkOWFiN2JmMiIsInB1ciI6ImJsb2JfaWQifX0=--67f035702923a37c54c1a04327355ea617627b8a/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/osha">Osha</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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_d8cd0f17-f542-46d4-89a4-8c257227b701">
    <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_50b85e3b-0ab7-4d98-99c2-4a6b0d43a0c1">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Lia" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjFiYzQ4Yjg4LTVlMDQtNDA3MC04MjdjLTdlNzE2MzQxOWZkNCIsInB1ciI6ImJsb2JfaWQifX0=--6562f222d955918303d1747f9162b75db3c6c586/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/eyJfcmFpbHMiOnsiZGF0YSI6IjFiYzQ4Yjg4LTVlMDQtNDA3MC04MjdjLTdlNzE2MzQxOWZkNCIsInB1ciI6ImJsb2JfaWQifX0=--6562f222d955918303d1747f9162b75db3c6c586/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/lia">Lia</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 4 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_50b85e3b-0ab7-4d98-99c2-4a6b0d43a0c1">
    <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_c84b177b-b920-479f-bb10-c1dabbe038ad">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6IjU5OTc2OThhLWUxODgtNDlhNC04ZjNmLWUwMzhiZmEzYWRhMiIsInB1ciI6ImJsb2JfaWQifX0=--9df4ce5b318038f1545efd015fd065b04f213c7d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--243bfe1fbcd6dc683b1618ed14cbac21862beb87/IMG_5624.JPG" />
      <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">
  <rect x="3" y="8" width="18" height="4" rx="1"></rect>
  <path d="M12 8v13"></path>
  <path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"></path>
  <path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"></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 offert·e !</p>
      <p>
          Quelqu'un
        a offert un·e gardien·ne à
        <strong><a class="link" href="/domaine-des-douages/medusa">Médusa</a></strong>
      </p>
    </div>
  </div>


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

      <!-- Claps Section -->
      <div id="claps_activity_c84b177b-b920-479f-bb10-c1dabbe038ad">
    <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_b9ac9419-3adf-4ab1-8fbd-4b1e98bcfcbc">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6IjU5OTc2OThhLWUxODgtNDlhNC04ZjNmLWUwMzhiZmEzYWRhMiIsInB1ciI6ImJsb2JfaWQifX0=--9df4ce5b318038f1545efd015fd065b04f213c7d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--243bfe1fbcd6dc683b1618ed14cbac21862beb87/IMG_5624.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/lenachevet11">lenachevet11</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/domaine-des-douages/medusa">Médusa</a></strong>
      </p>
    </div>
  </div>


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

      <!-- Claps Section -->
      <div id="claps_activity_b9ac9419-3adf-4ab1-8fbd-4b1e98bcfcbc">
    <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_fd18c318-c1fe-44c3-a618-4f97b6b36568">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6Ijc1ZDYwYjI1LThkZWYtNDUzMS04NTM4LTM2ZjFkOWFiN2JmMiIsInB1ciI6ImJsb2JfaWQifX0=--67f035702923a37c54c1a04327355ea617627b8a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/unnamed.jpg" />
      <div class="btn btn-accent absolute -bottom-1 -right-1 btn-xs btn-circle">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path>
  <path d="m9 12 2 2 4-4"></path>
</svg>
      </div>
    </div>
    <div class="flex flex-col gap-1 flex-1">
      <p class="text-xs uppercase font-bold text-accent">Nouveau·elle gardien·ne !</p>
      <p>
        <strong><a class="link" href="/guardians/kanitha">kanitha</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/coexister/osha">Osha</a></strong>
      </p>
    </div>
  </div>


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

      <!-- Claps Section -->
      <div id="claps_activity_fd18c318-c1fe-44c3-a618-4f97b6b36568">
    <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_bb507b80-0b8e-4c54-8034-add08602fb43">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6IjQzYjZlMDhkLTMyNmItNDYxNC1hZGYzLTEzOTBhYzhkMDA3MiIsInB1ciI6ImJsb2JfaWQifX0=--45f421ac56083d7644cc3b2eff5cf140a2e35e21/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/A7404980%20-%2022092024%20-%2018h03%20-%2022%20septembre%202024.jpg" />
      <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">
  <rect x="3" y="8" width="18" height="4" rx="1"></rect>
  <path d="M12 8v13"></path>
  <path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"></path>
  <path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"></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 offert·e !</p>
      <p>
          <strong><a class="link" href="/guardians/kanitha">kanitha</a></strong>
        a offert un·e gardien·ne à
        <strong><a class="link" href="/sanctuaire-du-chateau/chew">Chew</a></strong>
      </p>
    </div>
  </div>


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

      <!-- Claps Section -->
      <div id="claps_activity_bb507b80-0b8e-4c54-8034-add08602fb43">
    <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_74bab1c3-d931-43f1-92da-d9f959b0c8b6">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Fortuna" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImRhMjQ3ZDc2LWUyNGEtNDBhMS1iMzc2LTMyZTdkNDIyMTllYSIsInB1ciI6ImJsb2JfaWQifX0=--fe4e19851d7f3169a62aa9763ca2721dd91b7177/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/8119cf_88d2c81753b14b72a24d37e6371bea04~mv2%20(1).avif" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 2 ans que
    <strong><a class="link" href="/coexister/fortuna">Fortuna</a></strong>
    a été sauvé·e ! 🎉
  </p>


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

      <!-- Claps Section -->
      <div id="claps_activity_74bab1c3-d931-43f1-92da-d9f959b0c8b6">
    <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_8d10129f-7695-48ac-a216-8361fd89e788">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6ImFmNjA3MDFlLTI1NzYtNDBjOC1iODU4LTMwNTdlN2UyNjU2NCIsInB1ciI6ImJsb2JfaWQifX0=--3507e3417825adfd4290ec77800a2ec2008ba6a0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--243bfe1fbcd6dc683b1618ed14cbac21862beb87/IMG_5695.JPG" />
      <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">
  <rect x="3" y="8" width="18" height="4" rx="1"></rect>
  <path d="M12 8v13"></path>
  <path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"></path>
  <path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"></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 offert·e !</p>
      <p>
          Quelqu'un
        a offert un·e gardien·ne à
        <strong><a class="link" href="/domaine-des-douages/poppy">Poppy</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_8d10129f-7695-48ac-a216-8361fd89e788">
    <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_4aa5e7f9-cec2-4278-8c53-316d4f51bec4">
    <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">
        <p>
    Cela fait 2 ans que
    <strong><a class="link" href="/coexister/noisette">Noisette</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_4aa5e7f9-cec2-4278-8c53-316d4f51bec4">
    <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_6fcd4dda-0e0c-4069-bcc7-99544bfa7c6a">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Nero" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjcxYmVmNTE4LTc1NWItNDFlZi04NzA3LWIyZGZkNDJhZDdjMiIsInB1ciI6ImJsb2JfaWQifX0=--aad25154e6da5480038058dbdc1802bba87bac5b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed-2.jpg" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <p>
    Cela fait 2 ans que
    <strong><a class="link" href="/coexister/nero">Nero</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_6fcd4dda-0e0c-4069-bcc7-99544bfa7c6a">
    <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_80ad267f-9e0b-4233-91ec-b6a8e0764823">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Maro" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImUzYzRmNzU5LTUyM2EtNDk2Ni04Y2M2LWUzMTFlYjMwMzY2MSIsInB1ciI6ImJsb2JfaWQifX0=--f298344a6b38b7ba538ff0a3793664b6340f7de3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/Maro.png" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <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/eyJfcmFpbHMiOnsiZGF0YSI6ImUzYzRmNzU5LTUyM2EtNDk2Ni04Y2M2LWUzMTFlYjMwMzY2MSIsInB1ciI6ImJsb2JfaWQifX0=--f298344a6b38b7ba538ff0a3793664b6340f7de3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41d511c853d5f60e7dc4171011009b036b7415f3/Maro.png" />
      <div class="btn btn-secondary absolute -bottom-1 -right-1 btn-xs btn-circle">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8"></path>
  <path d="M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1"></path>
  <path d="M2 21h20"></path>
  <path d="M7 8v3"></path>
  <path d="M12 8v3"></path>
  <path d="M17 8v3"></path>
  <path d="M7 4h.01"></path>
  <path d="M12 4h.01"></path>
  <path d="M17 4h.01"></path>
</svg>
      </div>
    </div>
    <p>
      C'est l'anniversaire de
      <strong><a class="link" href="/coexister/maro">Maro</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_80ad267f-9e0b-4233-91ec-b6a8e0764823">
    <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_26346026-c294-4c0b-80e5-f1dc3a46974d">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Miouk" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImI2ZWJlYmY3LWMxNTktNGE1YS1iNzdiLWViNzNhMWQ1ZTliZCIsInB1ciI6ImJsb2JfaWQifX0=--ff6f5ac45ee2b77c816cfd98fe3599c1dd3668e5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--34ecedecbd2f1e6efea7778342318f9755c49a59/553ccc65-bdf7-45d7-a67c-15a721e741bc.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/eyJfcmFpbHMiOnsiZGF0YSI6ImI2ZWJlYmY3LWMxNTktNGE1YS1iNzdiLWViNzNhMWQ1ZTliZCIsInB1ciI6ImJsb2JfaWQifX0=--ff6f5ac45ee2b77c816cfd98fe3599c1dd3668e5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--243bfe1fbcd6dc683b1618ed14cbac21862beb87/553ccc65-bdf7-45d7-a67c-15a721e741bc.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/miouk">Miouk</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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_26346026-c294-4c0b-80e5-f1dc3a46974d">
    <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_b0d38f12-73a6-4e2f-a3d5-274021770461">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Cosmique" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjlkMjUwZTM3LTg3MmYtNDE1MC1hNjc3LTg4MmYzYjQ1YjQ5ZSIsInB1ciI6ImJsb2JfaWQifX0=--8969e594ea3054d874ad05a181b92028933713b4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_5801.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/eyJfcmFpbHMiOnsiZGF0YSI6IjlkMjUwZTM3LTg3MmYtNDE1MC1hNjc3LTg4MmYzYjQ1YjQ5ZSIsInB1ciI6ImJsb2JfaWQifX0=--8969e594ea3054d874ad05a181b92028933713b4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/IMG_5801.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/cosmique">Cosmique</a></strong>
       (3 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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_b0d38f12-73a6-4e2f-a3d5-274021770461">
    <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_e54e4823-cf17-4e78-8be7-da4b2a78ae7e">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Bercosma" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImMzYTY2ZWFmLTc3ODktNGFhYi04MGE5LTY1NTdhOTU1YWE1MCIsInB1ciI6ImJsb2JfaWQifX0=--5c3217e1fd43f387dc26f22fd78208bc76027fd4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_6160.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/eyJfcmFpbHMiOnsiZGF0YSI6ImMzYTY2ZWFmLTc3ODktNGFhYi04MGE5LTY1NTdhOTU1YWE1MCIsInB1ciI6ImJsb2JfaWQifX0=--5c3217e1fd43f387dc26f22fd78208bc76027fd4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMjUwLDI1MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--6ee68d124d3ccda8d51c3927a1f33374e7a9b788/IMG_6160.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/bercosma">Bercosma</a></strong>
       (3 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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_e54e4823-cf17-4e78-8be7-da4b2a78ae7e">
    <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_0d6877c8-70ff-41ee-87f3-0362c917c601">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6IjhkNDkyMjQxLWFmYmItNDFkMi05Y2M1LTNhYjk5Y2JhOGYwMiIsInB1ciI6ImJsb2JfaWQifX0=--d3cd8ed4aa0db29342840debfdd78fb509cb1580/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41d511c853d5f60e7dc4171011009b036b7415f3/Test%20Sanctopia%20Guillaume.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/Sophie1975">Sophie1975</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctuaire-du-chateau/guillaume">Guillaume</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_0d6877c8-70ff-41ee-87f3-0362c917c601">
    <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_409ec1b1-c8ea-4288-9dc9-6e3061406abc">
    <figure class="bg-base-300 relative h-54">
      <img class="object-cover h-full w-full relative " alt="Gérard" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjMyMWM0NzNjLWFkOTMtNDllMy04ZGEyLTEwODFkOTQ5NjUzNCIsInB1ciI6ImJsb2JfaWQifX0=--669c6b896e07c9a7e6138c4d02c30aa18881dfdd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/8119cf_0e445d5132c04ac582257cd31a56f800~mv2.avif" />
  </figure>

  <div class="card-body">
    <div class="flex items-start gap-3">
        <div class="flex gap-3 items-center">
    <div class="relative">
      <img class="mask mask-squircle bg-base-300 object-cover flex items-center justify-center  size-16" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjMyMWM0NzNjLWFkOTMtNDllMy04ZGEyLTEwODFkOTQ5NjUzNCIsInB1ciI6ImJsb2JfaWQifX0=--669c6b896e07c9a7e6138c4d02c30aa18881dfdd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41d511c853d5f60e7dc4171011009b036b7415f3/8119cf_0e445d5132c04ac582257cd31a56f800~mv2.avif" />
      <div class="btn btn-secondary absolute -bottom-1 -right-1 btn-xs btn-circle">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8"></path>
  <path d="M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1"></path>
  <path d="M2 21h20"></path>
  <path d="M7 8v3"></path>
  <path d="M12 8v3"></path>
  <path d="M17 8v3"></path>
  <path d="M7 4h.01"></path>
  <path d="M12 4h.01"></path>
  <path d="M17 4h.01"></path>
</svg>
      </div>
    </div>
    <p>
      C'est l'anniversaire de
      <strong><a class="link" href="/coexister/gerard">Gérard</a></strong>
       (8 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 5 mois
      </div>

      <!-- Claps Section -->
      <div id="claps_activity_409ec1b1-c8ea-4288-9dc9-6e3061406abc">
    <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_f4cabf90-1ffe-4a28-92e2-8c2682c73c5a">
  
  <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/eyJfcmFpbHMiOnsiZGF0YSI6IjQzYjZlMDhkLTMyNmItNDYxNC1hZGYzLTEzOTBhYzhkMDA3MiIsInB1ciI6ImJsb2JfaWQifX0=--45f421ac56083d7644cc3b2eff5cf140a2e35e21/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/A7404980%20-%2022092024%20-%2018h03%20-%2022%20septembre%202024.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/Merry">Merry</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/sanctuaire-du-chateau/chew">Chew</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_f4cabf90-1ffe-4a28-92e2-8c2682c73c5a">
    <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_987bf0fc-0669-490c-ae61-e0d7305a18ff">
  
  <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 grayscale size-16" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImFmZDc0MWYwLTNmOGMtNDYzNC1iZDdkLTQwNWRhZWEyMzRkMCIsInB1ciI6ImJsb2JfaWQifX0=--a230cace2a1c21045fc323b01445b5d751c3bf12/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsyNTAsMjUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2586438734c8c3cbd7237f9be512984a118978c1/unnamed-1.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/Merry">Merry</a></strong>
        est devenu·e gardien·ne de
        <strong><a class="link" href="/coexister/amour">Amour</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_987bf0fc-0669-490c-ae61-e0d7305a18ff">
    <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_78f5353e-aa0c-430d-9c98-993713e07578">
    <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">
        <p>
    Cela fait 3 ans que
    <strong><a class="link" href="/coexister/gila">Gila</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_78f5353e-aa0c-430d-9c98-993713e07578">
    <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>

</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=6">Découvrir plus ...</a>
    </div>
</div>

</template></turbo-stream>