Merge branch 'main' into menu-list-visibility

Author: hxrshxz

src/components/DonorBoxWidget/index.astro

@@ -3,7 +3,7 @@
 <div class="overflow-hidden mt-md pb-0 max-w-[420px] min-w-[250px]">
   <!-- @ts-expect-error  -->
   <iframe
-    src="https://donorbox.org/embed/back-to-school-805292?"
+    src="https://donorbox.org/embed/support-the-processing-foundation?hide_donation_meter=true"
     name="donorbox"
     allowpaymentrequest="allowpaymentrequest"
     seamless="seamless"

src/components/Dropdown/styles.module.scss

@@ -20,10 +20,12 @@
   width: 100%;
   height: 100%;
   cursor: pointer;
-  &:hover {
-    border: 1px solid var(--accent-color);
-    background-color: var(--accent-type-color);
-    color: var(--accent-color);
+  @media (hover: hover) and (pointer: fine) {
+    &:hover {
+      border: 1px solid var(--accent-color);
+      background-color: var(--accent-type-color);
+      color: var(--accent-color);
+    }
   }
 }
 
@@ -93,10 +95,13 @@
   }
 }
 
-li[aria-selected="false"]:hover .icon {
-  svg {
-    background: var(--accent-type-color);
-    border-radius: 2rem;
+// Only apply hover styles on devices with true hover capability (not touch devices)
+@media (hover: hover) and (pointer: fine) {
+  li[aria-selected="false"]:hover .icon {
+    svg {
+      background: var(--accent-type-color);
+      border-radius: 2rem;
+    }
   }
 }
 

src/content/banner/en.mdx

@@ -1,8 +1,8 @@
 ---
 # Give each new message a unique title so we know which one a user closed
-title: "beta-site"
-link: "https://beta.p5js.org"
+title: "donate-page"
+link: "https://processingfoundation.org/donate"
 hidden: false
 ---
 
-Looking for the new version? Find p5.js 2.0 here!
+Donate Today! Support p5.js and the Processing Foundation.

src/content/libraries/en/SerialBridge.yaml

@@ -0,0 +1,9 @@
+name: Serial Bridge
+category: hardware
+description: A desktop application that bridges serial devices (Arduino, microcontrollers) with P5.js, enabling multiple simultaneous connections and real-time data streaming through a simple JavaScript API.
+sourceUrl: https://github.com/IrtizaNasar/SerialBridge
+featuredImage: ../images/SerialBridge.png
+featuredImageAlt: Serial Bridge Connection Manager interface showing a dark-themed desktop application with server URL, workspace, actions menu, and a prompt to add connections for streaming data to P5.js projects
+author:
+  name: IrtizaNasar
+  url: https://github.com/IrtizaNasar

src/content/libraries/en/every.yaml

@@ -0,0 +1,10 @@
+name: every
+category: utils
+description: every simplifies using time in p5.js sketch to do things like scene changes or repetitive drawing.
+sourceUrl: https://github.com/mngyuan/every
+author:
+  - name: Kevin Lee
+    url: http://mngyuan.com/
+license: MIT
+featuredImage: ../images/every.png
+featuredImageAlt: The text "every" large with "time" written below in small.

src/content/libraries/images/SerialBridge.png

@@ -18,17 +18,13 @@ import donate6 from "../images/donate-6.jpeg";
   class="max-w-[252px] md:max-w-[312px] lg:max-w-[480px]"
 />
 
-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**.
+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.
 
-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.
+To donate using crypto, DAF, or stocks, visit our <strong><a href='https://www.every.org/processing-foundation?method=crypto,stocks,daf&success_url=https%3A%2F%2Fprocessing.org%2Fdonate&exit_url=https%3A%2F%2Fprocessing.org%2Fdonate&partner_metadata=eyJzb3VyY2UiOiAicHJvY2Vzc2luZy5vcmcifQ==#donate'>Every.org donation page</a></strong> instead.
 
 <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."/>

src/content/libraries/images/every.png

@@ -25,7 +25,11 @@ setJumpToState(null);
 <BaseLayout title="Events" variant="item" topic="community">
   <section>
     <ul class="content-grid-simple">
-      {entries.map((entry) => <GridItemEvent item={entry} />)}
+      {entries.map((entry) => (
+        <li>
+          <GridItemEvent item={entry} />
+        </li>
+      ))}
     </ul>
     <PaginationNav
       maxNumItems={totalNumEvents}

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

@@ -58,9 +58,9 @@ setJumpToState(null);
 <Head title={"People"} locale={currentLocale} />
 
 <BaseLayout title={title} variant="item" topic="about" className="about">
-  <h3 class="mb-xl max-w-[770px]">
+  <p class="mb-xl max-w-[770px] text-h3">
     {t("peoplePage", "PageDescription")}
-  </h3>
+  </p>
   {
     featuredEntries.map((category, i) => (
       <section>