Merge pull request #946 from ksen0/donate-button-main

Donate button widget update

Author: ksen0

src/components/DonorBoxWidget/index.astro

@@ -1,14 +1,18 @@
 <script src="https://donorbox.org/widget.js"></script>
 <!-- @ts-expect-error  -->
 <div class="overflow-hidden mt-md pb-0 max-w-[420px] min-w-[250px]">
+  <!-- @ts-expect-error  -->
   <iframe
-    allowpaymentrequest=""
-    height="525"
-    width="100%"
-    title="Support the Processing Foundation, Donorbox"
+    src="https://donorbox.org/embed/back-to-school-805292?"
     name="donorbox"
-    src="https://donorbox.org/embed/support-the-processing-foundation?hide_donation_meter=true"
-    style="max-width: 420px; min-width: 250px; max-height:none !important;"
+    allowpaymentrequest="allowpaymentrequest"
+    seamless="seamless"
+    scrolling="no"
+    height="900px"
+    frameborder="0"
+    width="100%"
+    style="max-width: 500px; min-width: 250px; max-height:none!important"
+    allow="payment"
     class="rounded-lg"
   >
   </iframe>

src/content/text-detail/en/donate.mdx

@@ -18,11 +18,17 @@ import donate6 from "../images/donate-6.jpeg";
   class="max-w-[252px] md:max-w-[312px] lg:max-w-[480px]"
 />
 
-We need your help! p5.js is free, open-source software. You can support this work by making a donation to the Processing Foundation, the organization that supports p5.js. Your donation supports software development for p5.js, education resources like code examples and tutorials, fellowships, and community events. All of these efforts make our community as open and inclusive as possible.
+Did you know? Over [800 contributors](https://github.com/processing/p5.js?tab=readme-ov-file#contributors) have shaped p5.js over the years! We believe the most meaningful innovations are those built **by and with our community**.
+
+p5.js is not just a software but a community. Contributors across continents work around the clock to make p5.js more accessible, playful, and enjoyable for learners, because we believe that innovations are extra meaningful when they’re built by our community.
+
+Our software gets to stay **free and open-source** thanks to generous donors like you. If p5.js has brightened your day in any way, **will you consider making a monthly donation**?
+
+Thanks to our supporters who donated to the 2024 fundraiser, we were able to compensate p5.js contributors like [Vivek Bopaliya](https://medium.com/@ProcessingOrg/building-the-private-sketch-feature-what-made-this-journey-so-special-7c4a6b0de8f9) to build the private sketch feature for the p5.js Editor.
 
 <DonorBoxWidget />
 
-The Processing Foundation was established in 2012 after more than a decade of work with the original Processing software. The Foundation’s mission is to promote software learning within the arts, artistic learning within technology-related fields, and to celebrate the diverse communities that make these fields vibrant, liberatory, and innovative. Our goal is to support people of all backgrounds in learning how to program and make creative work with code, especially those who might not otherwise have access to tools and resources. We also believe that some of the most radical futures and innovative technologies are being built by communities that have been pushed to the margins by dominant tech. We hope to support those who have been marginalized by technology in continued self-determination by providing time, space, and resources.
+
 
 <div class="mt-xl content-grid [&>*]:col-span-3 [&>*:first-child]:col-span-4 [&>*:last-child]:col-span-4 lg:[&>*:first-child]:col-span-6 lg:[&>*:last-child]:col-span-6 lg:w-[calc(100vw-300px)]">
   <Image src={donate1} alt="p5.js workshop participants coding while showing their projects on screen."/>