Skip to content

Updated donate widget with new campaign information #943

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Aug 23, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 10 additions & 6 deletions src/components/DonorBoxWidget/index.astro
Original file line number Diff line number Diff line change
@@ -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>
Expand Down
10 changes: 8 additions & 2 deletions src/content/text-detail/en/donate.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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."/>
Expand Down