Add attribution placeholders in example descriptions

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

@@ -17,4 +17,10 @@ primitive functions
 <a href="https://p5js.org/reference/#/p5/arc" target="_blank">arc()</a>,
 <a href="https://p5js.org/reference/#/p5/line" target="_blank">line()</a>,
 <a href="https://p5js.org/reference/#/p5/triangle" target="_blank">triangle()</a>,
-and <a href="https://p5js.org/reference/#/p5/quad" target="_blank">quad()</a>.
+and <a href="https://p5js.org/reference/#/p5/quad" target="_blank">quad()</a>.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/01_Shapes_And_Color/00_Shape_Primitives/code.js" target="_blank"
+>see their contributions in the source code</a>.

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

@@ -17,4 +17,10 @@ sets the color for the inside of shapes.
 <a href="https://p5js.org/reference/#/p5/noFill" target="_blank">noFill()</a>
 turn off line color and inner color, respectively.
 
-Colors can be represented in many different ways. This example demonstrates several options.
+Colors can be represented in many different ways. This example demonstrates several options.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/01_Shapes_And_Color/01_Color/code.js" target="_blank"
+>see their contributions in the source code</a>.

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

@@ -8,15 +8,22 @@ Click and drag the mouse to draw a line.
 
 This example demonstrates the use of several built-in
 variables.
+
 <a href="https://p5js.org/reference/#/p5/mouseX">mouseX</a>
 and
 <a href="https://p5js.org/reference/#/p5/mouseY">mouseY</a>
-store the current mouse position, while the
-previous mouse position is represented by
+store the current mouse position, while the previous mouse position is represented
+by
 <a href="https://p5js.org/reference/#/p5/pmouseX">pmouseX</a>
 and
-<a href="https://p5js.org/reference/#/p5/pmouseY">pmouseY</a>.
- *
-This example also shows the use of
+<a href="https://p5js.org/reference/#/p5/pmouseY">pmouseY</a>. * This example
+also shows the use of
 <a href="https://p5js.org/reference/#/p5/colorMode">colorMode</a> with HSB
-(hue-saturation-brightness), so that the first variable sets the hue.
+(hue-saturation-brightness), so that the first variable sets the hue.
+
+Contributors from the p5 community wrote this example. Soon their names will
+appear here. In the meantime, you can 
+<a
+  href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/02_Animation_And_Variables/00_Drawing_Lines/code.js"
+  target="_blank"
+>see their contributions in the source code</a>.

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

@@ -17,4 +17,10 @@ key presses to be registered.
 
 Advancing a single frame is accomplished by calling the
 <a href="https://p5js.org/reference/#/p5/redraw">redraw()</a>
-function, which results in a single call to the draw() function.
+function, which results in a single call to the draw() function.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/02_Animation_And_Variables/00_Drawing_Lines/code.js" target="_blank"
+>see their contributions in the source code</a>.

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

@@ -12,4 +12,10 @@ In this example, the
 <a href="https://p5js.org/reference/#/p5/accelerationY" target="_blank">accelerationY</a>,
 and <a href="https://p5js.org/reference/#/p5/accelerationZ" target="_blank">accelerationZ</a>
 values set the position and size of a circle.
-This only works for mobile devices.
+This only works for mobile devices.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/02_Animation_And_Variables/02_Mobile_Device_Movement/code.js" target="_blank"
+>see their contributions in the source code</a>.

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

@@ -28,4 +28,10 @@ no more than 300.
 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_OR" target="_blank">||</a>
 checks that at least one of the conditions is true. The circle reverses horizontal
 speed when it reaches the left or right edge of the canvas because of the if statement
-on line 75.
+on line 75.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/02_Animation_And_Variables/03_Conditions/code.js" target="_blank"
+>see their contributions in the source code</a>.

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

@@ -8,4 +8,10 @@ The <a href="https://p5js.org/reference/#/p5/text" target="_blank">text()</a> fu
 You can change the font and text size using the <a href="https://p5js.org/reference/#/p5/loadFont" target="_blank">loadFont()</a>
 and <a href="https://p5js.org/reference/#/p5/fontSize" target="_blank">fontSize()</a> functions.
 The text can be aligned left, center, or right with the <a href="https://p5js.org/reference/#/p5/textAlign" target="_blank">textAlign()</a>
-function, and, like shapes, text can be colored with <a href="https://p5js.org/reference/#/p5/fill" target="_blank">fill()</a>.
+function, and, like shapes, text can be colored with <a href="https://p5js.org/reference/#/p5/fill" target="_blank">fill()</a>.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/03_Imported_Media/00_Words/code.js" target="_blank"
+>see their contributions in the source code</a>.

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

@@ -6,4 +6,10 @@ oneLineDescription: Paint from an image file onto the canvas.
 
 Using the <a href="https://p5js.org/reference/#/p5/copy" target="_blank">copy()</a> 
 method, you can simulate coloring an image in by copying an image of the colored 
-image on top of the black-and-white image wherever the cursor is dragged.
+image on top of the black-and-white image wherever the cursor is dragged.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/03_Imported_Media/01_Copy_Image_Data/code.js" target="_blank"
+>see their contributions in the source code</a>.

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

@@ -9,4 +9,10 @@ Using the
 method, you can create a mask for an image to specify the transparency in
 different parts of the image. To run this example locally, you will need two
 image files and a running 
-<a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.
+<a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/03_Imported_Media/02_Alpha_Mask/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/03_Imported_Media/03_Image_Transparency/description.mdx

@@ -10,4 +10,10 @@ alpha value of the image with the
 function. Move the cursor left and right across the canvas to change the
 image's position. To run this example
 locally, you will need an image file and a running
-<a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.
+<a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/03_Imported_Media/03_Image_Transparency/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/03_Imported_Media/04_Create_Audio/description.mdx

@@ -12,4 +12,10 @@ moves to the right. More information on using media elements such as
 audio players is on the
 <a href="https://p5js.org/reference/#/p5.MediaElement" target="_blank">p5.MediaElement</a>
 reference page. The audio file is a
-<a href="https://freesound.org/people/josefpres/sounds/711156/" target="_blank">public domain piano loop by Josef Pres</a>.
+<a href="https://freesound.org/people/josefpres/sounds/711156/" target="_blank">public domain piano loop by Josef Pres</a>.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/03_Imported_Media/04_Create_Audio/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/03_Imported_Media/05_Video/description.mdx

@@ -10,4 +10,10 @@ functions, you can upload a video into the
 <a href="https://developer.mozilla.org/en-US/docs/Glossary/DOM" target="_blank">DOM</a> 
 without embedding the video within a canvas. For building a video embedded within the canvas element,
 visit the 
-<a href="https://p5js.org/examples/dom-video-canvas.html" target="_blank">Video Canvas</a> example.
+<a href="https://p5js.org/examples/dom-video-canvas.html" target="_blank">Video Canvas</a> example.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/03_Imported_Media/05_Video/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/03_Imported_Media/06_Video_Canvas/description.mdx

@@ -15,4 +15,10 @@ constructor, you can add filters to the video capture using the
 method. To run this example locally, you will need a running 
 <a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.
 To build a video without embedding it within the canvas, visit the 
-<a href="https://p5js.org/examples/dom-video.html">Video</a> example.
+<a href="https://p5js.org/examples/dom-video.html">Video</a> example.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/03_Imported_Media/06_Video_Canvas/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/03_Imported_Media/07_Video_Capture/description.mdx

@@ -16,4 +16,10 @@ method. For different strategies for uploading, presenting, or styling videos,
 visit the
 <a href="https://p5js.org/examples/dom-video.html" target="_blank">Video</a> and
 <a href="https://p5js.org/examples/dom-video-canvas.html" target="_blank">Video Canvas</a> 
-examples.
+examples.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/03_Imported_Media/07_Video_Capture/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/04_Input_Elements/00_Image_Drop/description.mdx

@@ -11,4 +11,10 @@ into the element. The uploaded file is created into a
 class. You can use the 
 <a href="https://p5js.org/reference/#/p5.Element/drop" target="_blank">drop()</a> 
 callback to check the file type, then write conditional statements responding to 
-the file type.
+the file type.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/04_Input_Elements/00_Image_Drop/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/04_Input_Elements/01_Input_Button/description.mdx

@@ -9,4 +9,10 @@ Using the
 <a href="https://p5js.org/reference/#/p5/createInput" target="_blank">createInput()</a>,
 and <a href="https://p5js.org/reference/#/p5.Element/createButton" target="_blank">createButton()</a> 
 functions, you can take a string of text submitted via text input and display 
-it on your canvas.
+it on your canvas.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/04_Input_Elements/01_Input_Button/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/04_Input_Elements/02_DOM_Form_Elements/description.mdx

@@ -12,4 +12,9 @@ and <a href="https://p5js.org/reference/#/p5/createRadio" target="_blank">create
 a <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select" target="_blank">select</a>,
 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input" target="_blank">input</a>,
 or <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio" target="_blank">radio button</a> and update the DOM based on the information.
-
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/04_Input_Elements/02_DOM_Form_Elements/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/05_Transformation/00_Translate/description.mdx

@@ -17,4 +17,10 @@ functions save and restore the coordinate system and various
 other drawing settings, such as the fill color.
 
 Note that in this example, we draw the shapes (rectangle and
-circle) each time in a different coordinate system.
+circle) each time in a different coordinate system.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/05_Transformation/00_Translate/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/05_Transformation/01_Rotate/description.mdx

@@ -17,4 +17,10 @@ The
 <a href="https://p5js.org/reference/#/p5/push">push()</a>
 and
 <a href="https://p5js.org/reference/#/p5/pop">pop()</a>
-functions save and restore the coordinate system, respectively.
+functions save and restore the coordinate system, respectively.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/05_Transformation/01_Rotate/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/05_Transformation/02_Scale/description.mdx

@@ -16,4 +16,10 @@ and
 functions save and restore the coordinate system, respectively.
 
 In this example, a square size 200 is drawn at the origin, with
-three different scaling factors.
+three different scaling factors.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/05_Transformation/02_Scale/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/06_Calculating_Values/00_Interpolate/description.mdx

@@ -14,4 +14,10 @@ function linearly interpolates between two numbers.
 
 Move the mouse across the screen and the symbol will follow.
 Between drawing each frame of the animation, the ellipse moves part
-of the distance from its current position toward the cursor.
+of the distance from its current position toward the cursor.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/06_Calculating_Values/00_Interpolate/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/06_Calculating_Values/01_Map/description.mdx

@@ -10,4 +10,10 @@ function converts a value from one range to another. In this example, map
 converts the cursor's horizontal position from a range of 0-720 to 0-360.
 The resulting value become the circle's hue. Map also converts the cursor's
 vertical position from a range of 0-400 to 20-300. The resulting value
-becomes the circle's diameter.
+becomes the circle's diameter.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/06_Calculating_Values/01_Map/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/06_Calculating_Values/02_Random/description.mdx

@@ -9,4 +9,10 @@ This example demonstrates the use of the
 function.
 
 When the user presses the mouse button, the position and color
-of the circle change randomly.
+of the circle change randomly.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/06_Calculating_Values/02_Random/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/06_Calculating_Values/03_Constrain/description.mdx

@@ -8,4 +8,10 @@ This example draws a circle as the cursor's position but
 keeps the circle within a rectangle. It does so by passing the
 mouse's coordinates into the
 <a href="https://p5js.org/reference/#/p5/constrain" target="_blank">constrain()</a>
-function.
+function.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/06_Calculating_Values/03_Constrain/code.js" target="_blank"
+>see their contributions in the source code</a>.

src/content/examples/en/06_Calculating_Values/04_Clock/description.mdx

@@ -12,4 +12,10 @@ functions. This example uses
 <a href="https://p5js.org/reference/#/p5/map" target="_blank">map()</a>
 to calculate the angle of the hands. It then uses
 <a href="https://p5js.org/reference/#group-Transform" target="_blank">transformations</a>
-to set their position.
+to set their position.
+
+Contributors from the p5 community wrote this example. Soon their names will 
+appear here. In the meantime, you can 
+<a 
+href="https://github.com/processing/p5.js-website/blame/d6b28924185dac5e25c39cd0fc2fc4a1f6392883/src/content/examples/en/06_Calculating_Values/04_Clock/code.js" target="_blank"
+>see their contributions in the source code</a>.