
<turbo-stream action="append" target="recent_donations_list"><template>
  <div class="px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors"
     data-donation-id="631328">
  <div class="flex items-center gap-3 sm:gap-4">
    <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
         style="background-color: color-mix(in srgb, var(--org-accent, var(--org-main)) 15%, white); color: var(--org-accent, var(--org-main));">
        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
          <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
        </svg>
    </div>

    <div class="flex-1 min-w-0">
      <div class="font-semibold text-sm sm:text-base text-neutral truncate">
        Anonyme
      </div>
        <div class="text-xs text-neutral/50">
          il y a environ 4 ans
        </div>
    </div>

    <div class="shrink-0 text-right">
      <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
          30 €
      </div>
    </div>
  </div>

    <div class="mt-2 ml-[3.25rem] sm:ml-[3.75rem] border-l-2 pl-2.5 text-xs sm:text-sm text-neutral/70 italic leading-relaxed break-words"
         style="border-color: color-mix(in srgb, var(--org-accent, var(--org-main)) 35%, transparent);">
      « Faire un don c&#39;est facile, alors ... Merci à toutes les personnes qui s&#39;engagent pour soigner les corps et le courage de se confronter et faire face à la détresse. »
    </div>
</div>
<div class="px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors"
     data-donation-id="629251">
  <div class="flex items-center gap-3 sm:gap-4">
    <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
         style="background-color: var(--org-accent, var(--org-main)); color: white;">
        EK
    </div>

    <div class="flex-1 min-w-0">
      <div class="font-semibold text-sm sm:text-base text-neutral truncate">
        Emmanuelle KURKIEWICZ
      </div>
        <div class="text-xs text-neutral/50">
          il y a environ 4 ans
        </div>
    </div>

    <div class="shrink-0 text-right">
      <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
          10 €
      </div>
    </div>
  </div>

</div>
<div class="px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors"
     data-donation-id="625709">
  <div class="flex items-center gap-3 sm:gap-4">
    <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
         style="background-color: var(--org-accent, var(--org-main)); color: white;">
        AJ
    </div>

    <div class="flex-1 min-w-0">
      <div class="font-semibold text-sm sm:text-base text-neutral truncate">
        Aboulkheir  Judi
      </div>
        <div class="text-xs text-neutral/50">
          il y a environ 4 ans
        </div>
    </div>

    <div class="shrink-0 text-right">
      <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
          260 €
      </div>
    </div>
  </div>

</div>
<div class="px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors"
     data-donation-id="622781">
  <div class="flex items-center gap-3 sm:gap-4">
    <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
         style="background-color: var(--org-accent, var(--org-main)); color: white;">
        SC
    </div>

    <div class="flex-1 min-w-0">
      <div class="font-semibold text-sm sm:text-base text-neutral truncate">
        SANNIER  Catherine 
      </div>
        <div class="text-xs text-neutral/50">
          il y a environ 4 ans
        </div>
    </div>

    <div class="shrink-0 text-right">
      <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
          30 €
      </div>
    </div>
  </div>

</div>
<div class="px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors"
     data-donation-id="622072">
  <div class="flex items-center gap-3 sm:gap-4">
    <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
         style="background-color: var(--org-accent, var(--org-main)); color: white;">
        AC
    </div>

    <div class="flex-1 min-w-0">
      <div class="font-semibold text-sm sm:text-base text-neutral truncate">
        A C A  -  TAKEN CLUB
      </div>
        <div class="text-xs text-neutral/50">
          il y a environ 4 ans
        </div>
    </div>

    <div class="shrink-0 text-right">
      <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
          100 €
      </div>
    </div>
  </div>

</div>
<div class="px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors"
     data-donation-id="621933">
  <div class="flex items-center gap-3 sm:gap-4">
    <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
         style="background-color: color-mix(in srgb, var(--org-accent, var(--org-main)) 15%, white); color: var(--org-accent, var(--org-main));">
        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
          <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
        </svg>
    </div>

    <div class="flex-1 min-w-0">
      <div class="font-semibold text-sm sm:text-base text-neutral truncate">
        Anonyme
      </div>
        <div class="text-xs text-neutral/50">
          il y a environ 4 ans
        </div>
    </div>

    <div class="shrink-0 text-right">
      <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
          50 €
      </div>
    </div>
  </div>

</div>
<div class="px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors"
     data-donation-id="614319">
  <div class="flex items-center gap-3 sm:gap-4">
    <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
         style="background-color: var(--org-accent, var(--org-main)); color: white;">
        PC
    </div>

    <div class="flex-1 min-w-0">
      <div class="font-semibold text-sm sm:text-base text-neutral truncate">
        Philippe cohen
      </div>
        <div class="text-xs text-neutral/50">
          il y a environ 4 ans
        </div>
    </div>

    <div class="shrink-0 text-right">
      <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
          217 €
      </div>
    </div>
  </div>

</div>
<div class="px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors"
     data-donation-id="613932">
  <div class="flex items-center gap-3 sm:gap-4">
    <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
         style="background-color: var(--org-accent, var(--org-main)); color: white;">
        NC
    </div>

    <div class="flex-1 min-w-0">
      <div class="font-semibold text-sm sm:text-base text-neutral truncate">
        Normandin Chantal
      </div>
        <div class="text-xs text-neutral/50">
          il y a environ 4 ans
        </div>
    </div>

    <div class="shrink-0 text-right">
      <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
          20 €
      </div>
    </div>
  </div>

</div>
<div class="px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors"
     data-donation-id="605406">
  <div class="flex items-center gap-3 sm:gap-4">
    <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
         style="background-color: color-mix(in srgb, var(--org-accent, var(--org-main)) 15%, white); color: var(--org-accent, var(--org-main));">
        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
          <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
        </svg>
    </div>

    <div class="flex-1 min-w-0">
      <div class="font-semibold text-sm sm:text-base text-neutral truncate">
        Anonyme
      </div>
        <div class="text-xs text-neutral/50">
          il y a environ 4 ans
        </div>
    </div>

    <div class="shrink-0 text-right">
      <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
          30 €
      </div>
    </div>
  </div>

    <div class="mt-2 ml-[3.25rem] sm:ml-[3.75rem] border-l-2 pl-2.5 text-xs sm:text-sm text-neutral/70 italic leading-relaxed break-words"
         style="border-color: color-mix(in srgb, var(--org-accent, var(--org-main)) 35%, transparent);">
      « Faire un don c&#39;est facile, alors ... Merci à toutes les personnes qui s&#39;engagent pour soigner les corps et le courage de se confronter et faire face à la détresse. »
    </div>
</div>
<div class="px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors"
     data-donation-id="605365">
  <div class="flex items-center gap-3 sm:gap-4">
    <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
         style="background-color: var(--org-accent, var(--org-main)); color: white;">
        AS
    </div>

    <div class="flex-1 min-w-0">
      <div class="font-semibold text-sm sm:text-base text-neutral truncate">
        Alex S
      </div>
        <div class="text-xs text-neutral/50">
          il y a environ 4 ans
        </div>
    </div>

    <div class="shrink-0 text-right">
      <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
          44 €
      </div>
    </div>
  </div>

</div>

</template></turbo-stream>
<turbo-stream action="replace" target="load_more_button"><template>
    <div id="load_more_button" class="shrink-0 text-center">
      <a class="btn btn-sm btn-outline gap-2" data-turbo-stream="true" data-turbo-prefetch="false" href="/ssf/donations?page=27">
        Voir plus
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
        </svg>
</a>    </div>
</template></turbo-stream>