Improved remix attribution schema

Author: ksen0

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

@@ -6,6 +6,11 @@ oneLineDescription: Draw 2D shapes.
 relatedReference:
   - en/p5/arc
   - en/p5/ellipse
+remix:
+  - attributionURL: https://github.com/dkessner
+    attributionLabel: Darren Kessner
+    remixURL: https://github.com/processing/p5.js-example
+    remixLabel: Revised in 2023
 ---
 
 This program demonstrates the use of the basic shape

src/content/examples/en/15_Math_And_Physics/03_Smoke_Particle_System/description.mdx

@@ -5,12 +5,12 @@ title: Smoke Particles
 oneLineDescription: Simulate smoke with a particle system.
 featured: true
 remix:
- - attributionURL: https://github.com/dkessner
-   attributionLabel: Darren Kessner
-   remixURL: https://github.com/processing/p5.js-example
-   remixLabel: Revised in 2023
- - attributionURL: https://natureofcode.com/book/chapter-4-particle-systems/
-   attributionLabel: Dan Shiffman's example
+  - attributionURL: https://github.com/dkessner
+    attributionLabel: Darren Kessner
+    remixURL: https://github.com/processing/p5.js-example
+    remixLabel: Revised in 2023
+  - attributionURL: https://natureofcode.com/book/chapter-4-particle-systems/
+    attributionLabel: Dan Shiffman's example
 
 ---
 

src/layouts/ExampleLayout.astro

@@ -88,7 +88,7 @@ const { Content } = await example.render();
               <a href={item.attributionURL}>{item.attributionLabel}</a>
             ) : (
               item.attributionName
-            )}
+            )}.
           </>
         )}
       </>
@@ -99,10 +99,9 @@ const { Content } = await example.render();
           <a href={item.attributionURL}>{item.attributionLabel}</a>
         ) : (
           item.attributionName
-        )}
+        )}.
       </>
     ) : null}
-    {i < example.data.remix.length - 1 && "."}
   </>
 ))}