Update education resources

Author: Qianqianye

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

@@ -17,6 +17,22 @@ Every teaching has its own unique goals, messages, conditions, and environments.
 
 <ul class="list-none content-grid pb-4xl mb-lg border-b border-sidebar-type-color last:border-0  mt-[var(--spacing-xl)]">
 
+ <EducationResource
+    name="Happycoding p5.js Tutorials"
+    featuredImage={await import("../images/education-resources/happy-coding.png")}
+    featuredImageAlt="A screenshot of the happy coding's homepage”"
+  >
+    <Fragment slot="author">
+       Kevin Workman
+    </Fragment>
+    <Fragment slot="description">
+      A series of p5.js tutorials with detailed steps
+    </Fragment>
+    <Fragment slot="materials">
+      [Website](https://happycoding.io/tutorials/p5js/)
+    </Fragment>
+  </EducationResource>
+
   <EducationResource
     name="Xin Xin’s p5.js Tutorials"
     featuredImage={await import("../images/education-resources/xin-xin.jpg")}
@@ -32,6 +48,72 @@ Every teaching has its own unique goals, messages, conditions, and environments.
       [YouTube](https://www.youtube.com/@xinxin1011/videos)
     </Fragment>
   </EducationResource>
+
+  <EducationResource
+    name="Patt Vira’s p5.js Tutorials"
+    featuredImage={await import("../images/education-resources/patt-vira.jpg")}
+    featuredImageAlt="Patt Vira’s youtube channel banner, showing “MAKE ART WITH CODE New video Monday, Wednesday, and Friday”"
+  >
+    <Fragment slot="author">
+       Patt Vira
+    </Fragment>
+    <Fragment slot="description">
+      Video tutorials teaching creative coding topics with p5.js
+    </Fragment>
+    <Fragment slot="materials">
+      [Website](https://www.pattvira.com/)
+      [YouTube](https://www.youtube.com/@pattvira/videos)
+    </Fragment>
+  </EducationResource>
+
+  <EducationResource
+    name="3-Min Creative Coding with p5.js"
+    featuredImage={await import("../images/education-resources/3cc-carriewang.jpeg")}
+    featuredImageAlt="A collage of about “3-Min Creative Coding with p5.js"
+  >
+    <Fragment slot="author">
+      Carrie Sijia Wang
+    </Fragment>
+    <Fragment slot="description">
+      Video tutorials about p5.js
+    </Fragment>
+    <Fragment slot="materials">
+      [Website](https://carriesijiawang.com/3cc/)
+    </Fragment>
+  </EducationResource>
+
+  <EducationResource
+    name="Creative Coding Class with p5.js"
+    featuredImage={await import("../images/education-resources/cc2021lowres.jpg")}
+    featuredImageAlt="Cover photo with text 'Creative Coding'"
+  >
+    <Fragment slot="author">
+      Carrie Sijia Wang
+    </Fragment>
+    <Fragment slot="description">
+      Fundamental coding class using p5.js
+    </Fragment>
+    <Fragment slot="materials">
+      [GitHub](https://github.com/ellennickles/creative-coding-summer-21/blob/main/homework-carrie.md)
+    </Fragment>
+  </EducationResource>
+
+  <EducationResource
+    name="Chatbots for Art’s Sake with p5.js"
+    featuredImage={await import("../images/education-resources/chatbots-for-arts-sake_cover.jpeg")}
+    featuredImageAlt="Face of a chatbot"
+  >
+    <Fragment slot="author">
+      Carrie Sijia Wang
+    </Fragment>
+    <Fragment slot="description">
+      Repurposes existing chatbot technologies and uses them for the sake of art
+    </Fragment>
+    <Fragment slot="materials">
+      [Website](https://carriesijiawang.com/chatbots-syllabus/)
+    </Fragment>
+  </EducationResource>
+
 
   <EducationResource
     name="Fractal Implementations"
@@ -83,7 +165,7 @@ Every teaching has its own unique goals, messages, conditions, and environments.
 
   <EducationResource
     name="Machine Learning for the Web"
-    featuredImage={await import("../images/education-resources/pix2pix-demo.jpg")}
+    featuredImage={await import("../images/education-resources/ml5js.jpg")}
     featuredImageAlt="pix2pix demo image with cat image generated from edges."
   >
     <Fragment slot="author">
@@ -217,41 +299,6 @@ Every teaching has its own unique goals, messages, conditions, and environments.
   </EducationResource>
 
 
-  <EducationResource
-    name="Patt Vira’s tutorials"
-    featuredImage={await import("../images/education-resources/patt-vira.jpg")}
-    featuredImageAlt="Patt Vira’s youtube channel banner, showing “MAKE ART WITH CODE New video Monday, Wednesday, and Friday”"
-  >
-    <Fragment slot="author">
-       Patt Vira
-    </Fragment>
-    <Fragment slot="description">
-      common creative coding topics tutorials taught with p5.js
-    </Fragment>
-    <Fragment slot="materials">
-      [Website](https://www.pattvira.com/)
-      [YouTube](https://www.youtube.com/@pattvira/videos)
-    </Fragment>
-  </EducationResource>
-
-
- <EducationResource
-    name="Happycoding p5.js Tutorials"
-    featuredImage={await import("../images/education-resources/happy-coding.png")}
-    featuredImageAlt="A screenshot of the happy coding's homepage”"
-  >
-    <Fragment slot="author">
-       Kevin Workman
-    </Fragment>
-    <Fragment slot="description">
-      A series of p5.js tutorials with detailed steps
-    </Fragment>
-    <Fragment slot="materials">
-      [Website](https://happycoding.io/tutorials/p5js/)
-    </Fragment>
-  </EducationResource>
-
-
   <EducationResource
     name="Six Features of Programming Languages demonstrated in p5.js"
     featuredImage={await import("../images/education-resources/six-features-of-programming-language.png")}
@@ -321,6 +368,22 @@ Every teaching has its own unique goals, messages, conditions, and environments.
     </Fragment>
   </EducationResource>
 
+  <EducationResource
+    name="p5.js Tutorial in Mandarin - QTV"
+    featuredImage={await import("../images/education-resources/calligraphy.jpg")}
+    featuredImageAlt="A tutorial screenshot about creating calligraphy using p5.js."
+  >
+    <Fragment slot="author">
+       Qianqian Ye
+    </Fragment>
+    <Fragment slot="description">
+      A series of p5.js video tutorials in Mandarin on Bilibili and TikTok
+    </Fragment>
+    <Fragment slot="materials">
+      [Bilibili](https://space.bilibili.com/442343394)
+    </Fragment>
+  </EducationResource>
+
   <EducationResource
     name="Taller de Creative Coding"
     featuredImage={await import("../images/education-resources/Taller-de-Creative-Coding.jpeg")}
@@ -459,5 +522,4 @@ Every teaching has its own unique goals, messages, conditions, and environments.
     </Fragment>
   </EducationResource>
 
-
 </ul>