Examples attribution metadata

Author: ksen0

docs/content_overview.md

@@ -18,24 +18,19 @@ To add attribution, you can use the following block in the headers, listing in c
 ```yaml
 remix:
   - description: Inspired by
-
     attribution:
-      - name: Prof. WM Harris
-        URL: https://people.rit.edu/wmhics/
-
+      - name: Name Name
+        URL: a-valid-link
     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
-
+        URL: a-valid-link
   - description: Revised by
-
     attribution:    
-      - name: Caleb Foss
-        URL: https://github.com/calebfoss
- 
+      - name: Name Name
+        URL: a-valid-link
     code:
-      - URL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/03_Conditions
-        label: 2023 revision code
+      - label: 2023 revision code
+        URL: a-valid-link
 
   - collectivelyAttributedSince: 2024
 ```

src/content/examples/en/01_Shapes_And_Color/00_Shape_Primitives/description.mdx

@@ -12,9 +12,18 @@ remix:
     attribution:
      - name: Darren Kessner
        URL: https://github.com/dkessner
-  - collective:
-      since: 2024
-
+  - 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/01_Shapes_And_Color/00_Shape_Primitives
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/01_Form/01_Shape_Primitives.js
+  - collectivelyAttributedSince: 2024
 ---
 
 This program demonstrates the use of the basic shape

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

@@ -4,20 +4,16 @@ featuredImageAlt: A few basic shapes drawn in different colors over a blue backg
 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
-
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/01_Shapes_And_Color/01_Color
   - collectivelyAttributedSince: 2024
 
 ---

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

@@ -5,19 +5,15 @@ title: Drawing Lines
 oneLineDescription: Draw with the mouse.
 
 remix:
-
   - 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

@@ -6,11 +6,14 @@ oneLineDescription: Pause and resume animation.
 
 remix:
   - description: Revised by
-
     attribution:
       - 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/01_Animation_With_Events
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/00_Structure/06_Redraw.js
 ---
 
 This example demonstrates the use of

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

@@ -5,14 +5,16 @@ title: Mobile Device Movement
 oneLineDescription: Animate based on device motion.
 featured: true
 
-
 remix:
   - description: Revised by
-
     attribution:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
-
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/02_Mobile_Device_Movement
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/35_Mobile/02_Acceleration_Color.js
 ---
 
 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

@@ -6,25 +6,19 @@ oneLineDescription: Use if and else statements to make decisions while your sket
 
 remix:
   - description: Inspired by
-
     attribution:
       - name: Prof. WM Harris
         URL: https://people.rit.edu/wmhics/
-
     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
- 
     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,13 +4,16 @@ featuredImageAlt: Three columns of the words “ichi,” “ni,” “san,” an
 title: Words
 oneLineDescription: Load fonts and draw text.
 
-
 remix:
   - description: Revised by
-
     attribution:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/01_Shapes_And_Color/01_Color
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/19_Typography/01_Words.js
 
 ---
 

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

@@ -4,13 +4,16 @@ 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:
   - description: Revised by
-
     attribution:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/03_Imported_Media/01_Copy_Image_Data
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/05_Image/10_Copy_Method.js
 
 ---
 

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

@@ -4,15 +4,18 @@ 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:
   - description: Revised by
-
     attribution:
       - name: Malay Vasa
         URL: https://github.com/Malayvasa
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/03_Imported_Media/02_Alpha_Mask
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/05_Image/03_Alpha_Mask.js
 
 ---