Merge pull request #776 from processing/main

Merge main into 2.0 beta

Author: ksen0

src/content/contributor-docs/en/how-to-add-friendly-error-messages.mdx

@@ -162,7 +162,7 @@ Next, you will file an issue ticket to discuss creating a new case or confirm yo
 
 Go to the [issue board](https://github.com/processing/p5.js/issues/), press the "New Issue" button, and then choose the "Issue: 💡 Existing Feature Enhancement" option. An empty form should appear.
 
-Add a title along the lines of “Adding a new case to `fileLoadErrrorCases`: \[a high-level description of your file load error case].” For the “Increasing access” section, enter a short paragraph on the typical scenario you prepared at the beginning of this step.
+Add a title along the lines of “Adding a new case to `fileLoadErrorCases`: \[a high-level description of your file load error case].” For the “Increasing access” section, enter a short paragraph on the typical scenario you prepared at the beginning of this step.
 
 Then, check the “Friendly Errors” box for the “Most appropriate sub-area of p5.js?” question. Lastly, for the “Feature enhancement details” section, enter your paragraph detailing your error handling and what file types it loads.
 

src/content/examples/en/01_Shapes_And_Color/00_Shape_Primitives/code.js

@@ -34,7 +34,7 @@ function setup() {
   circle(560, 100, 100);
 
   // Draw arc (compare to ellipse()) as eyelid
-  // x, y, width, heght, start angle, stop angle, mode
+  // x, y, width, height, start angle, stop angle, mode
   arc(540, 100, 300, 100, 180, 360, CHORD);
 
   // Draw line

src/content/examples/en/07_Repetition/More/Radial_Gradient.js

@@ -1,6 +1,6 @@
 /*
  * @name Radial Gradient
- * @arialabel Three circles on a black background. The middle circle is completely visible but the user can only see half of the other two. There is a gradiant from the center of the circle to the outer edge that changes every second
+ * @arialabel Three circles on a black background. The middle circle is completely visible but the user can only see half of the other two. There is a gradient from the center of the circle to the outer edge that changes every second
  * @description Draws a series of concentric circles to create a gradient
  * from one color to another.
  */

src/content/examples/en/09_Angles_And_Motion/More/polartocartesian.js

@@ -7,7 +7,7 @@
  */
 let r;
 
-// Angle and angular velocity, accleration
+// Angle and angular velocity, acceleration
 let theta;
 let theta_vel;
 let theta_acc;

src/content/examples/en/15_Math_And_Physics/More/WolframCA.js

@@ -44,8 +44,8 @@ function draw() {
 function generate() {
   // First we create an empty array for the new values
   let nextgen = Array(cells.length);
-  // For every spot, determine new state by examing current state, and neighbor states
-  // Ignore edges that only have one neighor
+  // For every spot, determine new state by examining current state, and neighbor states
+  // Ignore edges that only have one neighbor
   for (let i = 1; i < cells.length-1; i++) {
     let left   = cells[i-1];   // Left neighbor state
     let me     = cells[i];     // Current state

src/content/pages/en/education-resources.mdx

@@ -304,13 +304,13 @@ Thank you to Tuan Huang, Yu Lee, and Janis Sepúlveda for initiating the educati
     featuredImageAlt="a screenshot of the syllabus with title and texts"
   >
     <Fragment slot="author">
-       Barry Voeten
+       NYCPS Computer Science Education team
     </Fragment>
     <Fragment slot="description">
-      This is a teacher-facing p5 curriculum. Each unit includes a series of learning activities and ends with a final project where students apply the concepts they have learned in a creative way. Final project prompts include three levels of difficulty. For each of them, a finished project example is provided.
+      A NYS Computing Standard-Aligned Introductory High School Computer Science Curriculum using p5.js. This curriculum was built as an introductory high school computer science course. While it can be implemented at any point in high school, it is appropriate for 9th grade and up. It assumes no prior knowledge and focuses on creative expression as a means to learn computational thinking and syntactical concepts.
     </Fragment>
     <Fragment slot="materials">
-      [Website](https://nycdoe-cs4all.github.io/index.html)
+      [Website](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0)
     </Fragment>
   </EducationResource>
 

src/content/reference/config.ts

@@ -64,7 +64,9 @@ export const referenceSchema = z.object({
   submodule: z.string().optional(),
   file: z.string(),
   description: z.string().optional(),
-  deprecated: z.string().optional(),
+  deprecated: z.string().or(
+    z.boolean().transform(() => 'This will be removed in a future version of p5.js.')
+  ).optional(),
   line: z.number().or(z.string().transform((v) => parseInt(v, 10))),
   params: z.array(paramSchema).optional(),
   overloads: z.array(z.object({ params: z.array(paramSchema) })).optional(),

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

@@ -0,0 +1,34 @@
+---
+title: "दान करें"
+---
+import DonorBoxWidget from "../../../components/DonorBoxWidget/index.astro";
+import Image from "../../../components/Image/index.astro";
+import featuredDonate from "../images/contributor-conf-2019-17.webp";
+import donate1 from "../images/ccfest2018.webp";
+import donate2 from "../images/workshops-chile.webp";
+import donate3 from "../images/contributor-conf-2015.webp";
+import donate4 from "../images/p5for50plus.webp";
+import donate5 from "../images/tunapanda.webp";
+import donate6 from "../images/donate-6.jpeg";
+
+<Image
+  src={featuredDonate}
+  alt="प्रतिभागी एक मेज के चारों ओर बैठे हैं, अपने लैपटॉप पर काम कर रहे हैं और स्क्रीन पर कोड देख रहे हैं।"
+  width="480"
+  class="max-w-[252px] md:max-w-[312px] lg:max-w-[480px]"
+/>
+
+हमें आपकी मदद चाहिए! p5.js मुफ्त, ओपन-सोर्स सॉफ्टवेयर है। आप Processing Foundation को दान करके इस काम का समर्थन कर सकते हैं, यह संस्था p5.js को सहायता देती है। आपका दान p5.js के लिए सॉफ्टवेयर विकास, कोड उदाहरण और ट्यूटोरियल जैसे शैक्षिक संसाधनों, फेलोशिप और सामुदायिक कार्यक्रमों को समर्थन देता है। ये सभी प्रयास हमारे समुदाय को खुला और समावेशी बनाते हैं।
+
+<DonorBoxWidget />
+
+Processing Foundation की स्थापना 2012 में मूल Processing सॉफ्टवेयर के साथ एक दशक से अधिक के काम के बाद हुई थी। फाउंडेशन का मिशन कला में सॉफ्टवेयर सीखने, प्रौद्योगिकी से संबंधित क्षेत्रों में कलात्मक सीखने को बढ़ावा देना और उन विविध समुदायों का जश्न मनाना है जो इन क्षेत्रों को जीवंत, मुक्तिदायक और अभिनव बनाते हैं। हमारा लक्ष्य सभी पृष्ठभूमि के लोगों को प्रोग्रामिंग सीखने और कोड के साथ रचनात्मक काम करने में मदद करना है, खासकर उन लोगों को जिनके पास उपकरणों और संसाधनों तक पहुंच नहीं हो सकती है। हम यह भी मानते हैं कि सबसे ज़्यादा क्रांतिकारी भविष्य और नई तकनीकें उन समुदायों द्वारा बनाई जा रही हैं जिन्हें प्रमुख तकनीक द्वारा हाशिए पर धकेल दिया गया है। हम उन लोगों को लगातार आत्मनिर्भर बनाने में मदद करना चाहते हैं जिन्हें तकनीक द्वारा हाशिए पर रखा गया है, उन्हें समय, स्थान और संसाधन प्रदान करके।
+
+<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 कार्यशाला के प्रतिभागी स्क्रीन पर अपने प्रोजेक्ट दिखाते हुए कोडिंग कर रहे हैं।"/>
+  <Image src={donate2} alt="p5.js कार्यशाला Chile में Aarón Montoya-Moraga के नेतृत्व में, प्रतिभागी अपने प्रोजेक्ट दिखा रहे हैं। "/>
+  <Image src={donate3} alt="प्रतिभागी हरे लॉन पर कूदते, मुस्कुराते और अपने हाथ हवा में लहराते हैं।"/>
+  <Image src={donate4} alt="Inhwa Yeom 50+ लोगों को p5.js सिखा रही हैं।"/>
+  <Image src={donate5} alt="छात्र p5.js पुस्तक देखते हुए कोडिंग सीख रहे हैं।"/>
+  <Image src={donate6} alt="लोग एक डेस्क पर कंप्यूटर के चारों ओर इकट्ठे हुए हैं।"/>
+</div >

src/content/tutorials/en/get-started.mdx

@@ -513,3 +513,10 @@ For more information, watch [this video](https://www.youtube.com/watch?v=LuGsp5K
 - [p5.js Reference](https://p5js.org/reference/)
 - [HTML color name](https://www.w3schools.com/tags/ref_colornames.asp)
 - [HEX color values](https://www.w3schools.com/html/html_colors_hex.asp)
+
+
+## Bibliography
+
+- [Introduction to Computational Media Curriculum](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0), [NYCPS Computer Science Education team](https://sites.google.com/schools.nyc.gov/cs4allnyc/)
+- [Creative Web Curriculum](https://blueprint.cs4all.nyc/curriculum/creative-web/), [NYCPS Computer Science Education team](https://sites.google.com/schools.nyc.gov/cs4allnyc/)
+

src/content/tutorials/en/variables-and-change.mdx

@@ -926,3 +926,10 @@ p5.js uses the console to communicate with programmers about lines of code that
 * [Template Literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)
 * [Remainder (`%`)](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Remainder)
 * [String Interpolation in JavaScript](https://www.geeksforgeeks.org/string-interpolation-in-javascript/)
+
+
+## Bibliography
+
+- [Introduction to Computational Media Curriculum](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0), [NYCPS Computer Science Education team](https://sites.google.com/schools.nyc.gov/cs4allnyc/)
+- [Creative Web Curriculum](https://blueprint.cs4all.nyc/curriculum/creative-web/), [NYCPS Computer Science Education team](https://sites.google.com/schools.nyc.gov/cs4allnyc/)
+