Update examples metadata to use new schema

Author: ksen0

docs/content_overview.md

@@ -11,6 +11,8 @@
 - Stored in `/src/content/examples/`
 - All translations are stored and edited directly in this repo under the corresponding language folder in `/src/content/examples/`
 
+All original examples (created new for p5.js) since 2024 are collectively attributed to p5.js Contributors under the CC-BY-NC-SA 4.0 license. However, examples that build on prior work (under a compatible license) can be attributed in more detail, to make sure that authorship is clear in citation, and code history is available to viewers.
+
 To add attribution, you can use the following block in the headers, listing in chronological order all arrtibutions. Below is the example from `examples/animation-and-variables-conditions/`:
 
 ```yaml
@@ -21,17 +23,19 @@ remix:
       - name: Prof. WM Harris
         URL: https://people.rit.edu/wmhics/
 
-    codeURL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/04_Control/05_Logical_Operators_2.js
-    codeLabel: pre-2023 code
+    code:
+      - URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/04_Control/05_Logical_Operators_2.js
+      - label: pre-2023 code
 
   - description: Revised by
 
     attribution:    
       - name: Caleb Foss
         URL: https://github.com/calebfoss
 
-    codeURL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/03_Conditions
-    codeLabel: 2023 revision code
+    code:
+      - URL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/03_Conditions
+        label: 2023 revision code
 
   - collectivelyAttributedSince: 2024
 ```
@@ -40,11 +44,9 @@ This will result in a block that lists, in order, the initial inspiration; any r
 
 A remix can be many things ([here is an example analysis of sketch remixing (PDF)](https://dl.acm.org/doi/pdf/10.1145/3563657.3595969)); the `description` will be by default "Remixed by", so a more specific description is recommended.
 
-If the `collectivelyAttributedSince` information is missing, then no year will be included, but the collective attribution statement will still show: "Edited and maintained by p5.js Contributors and the Processing Foundation. Licensed under CC BY-NC-SA 4.0."
-
-Each item in the remix history must have an original codeURL and/or at least one person listed in the attribution section. When multiple people are listed, their names will be shown in that order. For people, URLs are optional but recommended.
+If the `collectivelyAttributedSince` information is missing, then no year will be included, but the collective attribution statement will still show: "Edited and maintained by p5.js Contributors and the Processing Foundation. Licensed under CC BY-NC-SA 4.0." You'll see this in examples that were part of a major revision project with specific attribution, but have collective authorship before and after.
 
-If no `codeLabel` is given but there is a `codeURL`, then the default label "code" will be used - however, for accessibility, it is strongly recommended to use short, descriptive labels.
+Each item in the remix history must have an at least one person listed in the attribution section. When multiple people are listed, their names will be shown in that order. For people, URLs are optional but recommended.
 
 ---
 

src/content/examples/config.ts

@@ -22,23 +22,26 @@ export const examplesCollection = defineCollection({
       // Optional list of remixes to add to license
       remix: z
         .array(
-          z.union([
-            z.string(),
-            z.object({
-              description: z.string().default("Remixed by"),
-              codeURL: z.string().optional(),
-              codeLabel: z.string().optional(),
-              attribution: z
-                .array(
-                  z.object({
-                    name: z.string(),
-                    URL: z.string().optional(),
-                  })
-                )
-                .optional(),
-              collectivelyAttributedSince: z.number().optional(),
-            }),
-          ])
+          z.object({
+            description: z.string().default("Remixed by"),
+            attribution: z
+              .array(
+                z.object({
+                  name: z.string(),
+                  URL: z.string().optional(),
+                })
+              )
+              .optional(),
+            code: z
+              .array(
+                z.object({
+                  label: z.string(),
+                  URL: z.string(),
+                })
+              )
+              .optional(),
+            collectivelyAttributedSince: z.number().optional(),
+          })
         )
         .optional()
         .default([]),

src/content/examples/en/01_Shapes_And_Color/01_Color/description.mdx

@@ -3,6 +3,23 @@ featuredImage: "../../../images/featured/01_Shapes_And_Color-01_Color-thumbnail.
 featuredImageAlt: A few basic shapes drawn in different colors over a blue background.
 title: Color
 oneLineDescription: Add color to your sketch.
+
+
+remix:
+  - description: Created by
+
+    attribution:
+      - name: Caleb Foss
+        URL: https://github.com/calebfoss
+      - name: Darren Kessner
+        URL: https://github.com/dkessner
+ 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/03_Conditions
+
+  - collectivelyAttributedSince: 2024
+
 ---
 
 This expands on the Shape Primitives example by adding

src/content/examples/en/02_Animation_And_Variables/00_Drawing_Lines/description.mdx

@@ -5,7 +5,19 @@ title: Drawing Lines
 oneLineDescription: Draw with the mouse.
 
 remix:
-  - revision-2023-dkessner
+
+  - description: Revised by
+
+    attribution:
+      - name: Darren Kessner
+        URL: https://github.com/dkessner
+ 
+    code:
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/17_Drawing/00_Continuous_Lines.js
+      - label: 2023 revision code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/00_Drawing_Lines
+
 ---
 
 Click and drag the mouse to draw a line.

src/content/examples/en/02_Animation_And_Variables/01_Animation_With_Events/description.mdx

@@ -5,7 +5,12 @@ title: Animation with Events
 oneLineDescription: Pause and resume animation.
 
 remix:
-  - revision-2023-dkessner
+  - description: Revised by
+
+    attribution:
+      - name: Darren Kessner
+        URL: https://github.com/dkessner
+
 ---
 
 This example demonstrates the use of

src/content/examples/en/02_Animation_And_Variables/02_Mobile_Device_Movement/description.mdx

@@ -7,7 +7,12 @@ featured: true
 
 
 remix:
-  - revision-2023-klich
+  - description: Revised by
+
+    attribution:
+      - name: Kasey Lichtlyter
+        URL: https://www.klich.co/
+
 ---
 
 The <a href="https://p5js.org/reference/p5/deviceMoved" target="_blank">deviceMoved()</a>

src/content/examples/en/02_Animation_And_Variables/03_Conditions/description.mdx

@@ -11,17 +11,19 @@ remix:
       - name: Prof. WM Harris
         URL: https://people.rit.edu/wmhics/
 
-    codeURL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/04_Control/05_Logical_Operators_2.js
-    codeLabel: pre-2023 code
+    code:
+      - URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/04_Control/05_Logical_Operators_2.js
+        label: pre-2023 code
 
   - description: Revised by
 
-    attribution:    
+    attribution:
       - name: Caleb Foss
         URL: https://github.com/calebfoss
 
-    codeURL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/03_Conditions
-    codeLabel: 2023 revision code
+    code:
+      - URL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/03_Conditions
+        label: 2023 revision code
 
   - collectivelyAttributedSince: 2024
 

src/content/examples/en/03_Imported_Media/00_Words/description.mdx

@@ -4,8 +4,14 @@ featuredImageAlt: Three columns of the words “ichi,” “ni,” “san,” an
 title: Words
 oneLineDescription: Load fonts and draw text.
 
+
 remix:
-  - revision-2023-klich
+  - description: Revised by
+
+    attribution:
+      - name: Kasey Lichtlyter
+        URL: https://www.klich.co/
+
 ---
 
 The <a href="https://p5js.org/reference/p5/text" target="_blank">text()</a> function is used for inserting text into the canvas.

src/content/examples/en/03_Imported_Media/01_Copy_Image_Data/description.mdx

@@ -4,8 +4,14 @@ featuredImageAlt: Black-and-white photograph of a parrot. A curvy line is drawn
 title: Copy Image Data
 oneLineDescription: Paint from an image file onto the canvas.
 
+
 remix:
-  - revision-2023-klich
+  - description: Revised by
+
+    attribution:
+      - name: Kasey Lichtlyter
+        URL: https://www.klich.co/
+
 ---
 
 Using the <a href="https://p5js.org/reference/p5/copy" target="_blank">copy()</a> 

src/content/examples/en/03_Imported_Media/02_Alpha_Mask/description.mdx

@@ -4,8 +4,16 @@ featuredImageAlt: Two leaf sprigs side by side on a white background. The right
 title: Alpha Mask
 oneLineDescription: Use one image to cut out a section of another image.
 
+
 remix:
-  - revision-2023-klich
+  - description: Revised by
+
+    attribution:
+      - name: Malay Vasa
+        URL: https://github.com/Malayvasa
+      - name: Kasey Lichtlyter
+        URL: https://www.klich.co/
+
 ---
 
 Using the