<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/maya"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <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" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Maya
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Maya est majestueuse, déterminée, très intelligente et affectueuse. Elle sait ce qu&#39;elle se veut, tout en restant douce et confiante.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/alan"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <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" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Alan
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Alan est téméraire, tendre et sociable. Il est très expressif, particulièrement câlin et proche des humains.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/enez"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <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" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Enez
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Enez est la plus craintive du petit gang que forment les 3 brebis de Ouessant. Toujours un peu méfiante et un peu en retrait, elle laisse toujours Panaché et Tournesol passer devant. Nous avons découvert en l&#39;accueillant qu&#39;Enez était aveugle d&#39;un œil mais elle semble s&#39;être adaptée.
Son âge est totalement inconnu.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/yazus"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Yazus" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQzZWYzODgwLTE4NGItNDM4Yy1iODJjLTRjYjg3MTY4OTUzOSIsInB1ciI6ImJsb2JfaWQifX0=--f1e646e3a39d2e9f5efd60f3d697858899e349d9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/0ec2ef0c-0635-4078-91dd-947463e115a3.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Yazus
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Taquin, très affectueux et particulièrement proche des humain-e-s, Yazus a un grand besoin d&#39;attention et passerait volontiers sa vie à se faire câliner !

Actuellement en pleine adolescence, il peut parfois se montrer trop brute : comme tous les petits séparés de leur mère à la naissance, il n&#39;a pas immédiatement acquis les codes de son espèce, et il ne réalise pas la force de ses 800 kilos !
Heureusement, Maya et Barbouille, les deux matriarches du clan, sont là pour cadrer ses élans.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/samsam"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Samsam" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjhmMTVkOTZjLTZiNGItNDJlMC05MmY0LThhZGE4NmM3ZjhmZiIsInB1ciI6ImJsb2JfaWQifX0=--3d1163db2d39e5a032ddd1b58d9982cf9b08d08a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Samsam
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Samsam est arrivé bébé au sanctuaire, et il était un petit cochon extrêmement craintif. 

Il lui aura fallu près de 4 mois pour apprendre à nous faire confiance. Avec beaucoup de patience et de reconnaissance, nous avons désormais tissé des liens forts avec lui. 

Il a appris à apprécier les câlins de la part des personnes qu&#39;il connaît bien et vient désormais quotidiennement nous en demander. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/aini"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <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" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Aïni
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Aïni est curieuse, espiègle, câline et... jalouse quand on s&#39;occupe plus de ses frères et soeurs d&#39;adoption que d&#39;elle !

Elle adore se faire brosser, et elle peut être très bavarde : si on ne lui amène pas son foin suffisamment vite à son goût, elle râle.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/doug"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <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" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Doug
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Doug est très doux et communicatif, mais aussi très indépendant. Il est vif d&#39;esprit et solidaire des autres animaux. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/sanctuaire-du-chateau/guillaume"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <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" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/364236710_266126206165334_3845397844491391564_n.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Guillaume
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Sanctuaire du Château
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Guillaume est clairement le &quot;pot de colle&quot; du sanctuaire :)
Il est extrêmement câlin. Vous pourriez rester des heures avec lui tant il a de l&#39;amour à en donner.
Guillaume est très curieux et il vous suivra partout pour vérifier ce que vous faites ou éventuellement pour espérer que vous lui donner des nouvelles feuilles ou des branches d&#39;arbre à gouter.

Fun fact : son prénom vient d&#39;un certain ex chroniqueur de France Inter :)))</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/buzhug"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <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" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Buzhug
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Buzhug est arrivé en même temps que Glaz, un peu craintif au début mais il s&#39;est très vite habitué à nous et à ses copain-es Glaz et Poupig. 
Il aime les câlins au soleil en été et sa tranquillité l&#39;hiver, gros drama qui crie beaucoup quand le repas n&#39;arrive pas assez vite. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/ondee"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Ondée" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImRmZmZlNzM2LTNlNzAtNDAwMS1hMzA5LTVhYWNkYjA0NWQzZSIsInB1ciI6ImJsb2JfaWQifX0=--08b8258c1b53564e590573ca67808739bcab8227/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed-3.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Ondée
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Très craintive au départ, Ondée nous a depuis offert une confiance inconditionnelle, mais comme la majorité des cochons nains, elle ne laisse approcher que les personnes qu&#39;elle connaît bien.

En mère protectrice, elle sait aussi faire fuir les animaux qui s&#39;approcheraient trop près de son clan.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/poupig"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Poupig" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImI3MGU4ZDRiLTIwZTItNDI1Zi04YTNmLTU2MDA0MDc0MGYyNyIsInB1ciI6ImJsb2JfaWQifX0=--7a5b2090957acb295420f9a60b8e164b704813c3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/Poupig.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Poupig
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Poupig est une petite truie est très sociable, elle adore les câlins et les grattouilles. Malgré son petit gabarit (mais elle a a bien grandit depuis son arrivée) elle a su s&#39;imposer face à Glaz et Buzhug.
Championne de saut sur ses pattes arrières quand elle a faim et qu&#39;elle nous voit arriver avec le seau. Un peu maniaque, elle va arranger son lit (de manière extrêmement chou) dans la seconde où on vient remettre de la paille dans la cabane. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/glaz"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <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" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Glaz
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <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-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Glaz n&#39;est pas du tout farouche mais indépendant, il est assez indifférent aux humain-es, aux papouilles et aux câlins, il adore les bains de boue, manger et être tranquille. 
Inséparable de ses copain-es Poupig et Buzhug !</p>
    </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="/animals.turbo_stream?page=6">Découvrir plus ...</a>
    </div>
</div>

</template></turbo-stream>