Edits on Chinese translation

Author: limzykenneth

src/data/zh-Hans.yml

@@ -92,7 +92,7 @@ get started:
   download9: here
   download10: >-
     . Run your local server within the downloaded folder and on your browser, go
-    to 
+    to
   download11: 'http://localhost:{your-port-num}/empty-example'
   download4: >-
     查看 index.html 您可以发现其中有个 p5.js 的链接。如果您想要使用极简化的档案（以加速网页加载的速度），将链接档案名改为
@@ -139,7 +139,7 @@ get started:
   your-first-sketch6: >-
     If you are using a screen reader, you must turn on the accessible outputs in
     the p5 online editor, outside the editor you must add the accessibility
-    library in your html. To learn more visit 
+    library in your html. To learn more visit
   your-first-sketch7: using p5 with a screen reader tutorial
   your-first-sketch8: >-
     If you've typed everything correctly, this will appear in the display
@@ -227,9 +227,9 @@ download:
   support-title: 支持 p5.js!
   support-options: 支持方式
   support-1: >-
-    我们需要您的帮助！p5.js是免费的开源软件。我们希望使我们的社区尽可能的开放和包容。您可以通过向支持p5.js的组织
+    我们需要您的帮助！p5.js 是免费的开源软件。我们希望使我们的社区尽可能的开放和包容。您可以通过向支持 p5.js 的组织
   support-2: >-
-    捐款来支持这项工作。您的捐款可以支持p5.js的软件开发、支持像代码示例和教程这样的教育资源、
+    捐款来支持这项工作。您的捐款可以支持 p5.js 的软件开发、制作范例代码及教程之类的教育资源、
   support-3: 奖学金
   support-4: 及
   support-5: 社群活动。
@@ -417,15 +417,15 @@ learn:
   color-p2x3: ' 函数，我们能设置任何图形的颜色。我们也能使用 '
   color-p2x4: ' 函数来设定窗口的背景颜色。如下范例。'
   color-code1: |-
-    background(255);    // 设置背景颜色为白色 
-     stroke(0);          // 设置外线颜色为黑色 
-     fill(150);          // 设置填充色为灰色 
+    background(255);    // 设置背景颜色为白色
+     stroke(0);          // 设置外线颜色为黑色
+     fill(150);          // 设置填充色为灰色
      rect(50,50,75,100); // 绘制四方形
   color-p3x1: '使用 '
   color-p3x2: ' 及 '
   color-p3x3: >-
     函数将会分别去除外线色灰填充色。我们直觉上可能会以为“ stroke(0) ”表示没有外线，可是我们必须记得 0
-    在这并不代表“无”，然而是代表黑色。此外，我们必须记得不要同时去除 
+    在这并不代表“无”，然而是代表黑色。此外，我们必须记得不要同时去除
   color-p3x4: ' 及 '
   color-p3x5: ' 不然不会有任何图形出现在画布上！'
   color-p4x1: 以此同时，如果我们绘制两个图形，p5.js 将会使用最近（代码内从上至下）所定义的外线色及填充色值。
@@ -455,7 +455,7 @@ learn:
   color-custom-ranges-title: 自定义颜色值范围
   color-custom-ranges-p1x1: >-
     介于 0 与 255 之间的 RGB 颜色值并不是 p5.js 唯一定义颜色的方法，事实上，我们能使用多种方法来定义颜色。比如说，您可能比较偏向于使用
-    0 至 100（如百分比）来定义颜色。为此您可以使用 
+    0 至 100（如百分比）来定义颜色。为此您可以使用
   color-custom-ranges-p2x1: 以上函数表示：“OK，我们要使用红、绿、蓝值来定义颜色。而他们的值将介于 0 至 100 之间。
   color-custom-ranges-p3x1: 虽然一般上这么做不会提供任何便利，您可以为个别颜色值提供不同的数值范围：
   color-custom-ranges-p4x1: >-
@@ -801,7 +801,7 @@ books:
     vastly popular JavaScript with the programming library p5.js. The skills you
     will acquire from this book are highly transferable to a myriad of
     industries and can be used towards building web applications, programmable
-    robots, or generative art. 
+    robots, or generative art.
   book-5-order-a: Order from Apress
   book-5-order-b: Order from Amazon
 examples:
@@ -903,14 +903,14 @@ showcase:
   project-q-2: How did you use p5.js in this project?
   project-a-2-1-roni-cantor: >-
     I used p5.js in this project to generate the sine wave and lerp (linear
-    interpolation) formulas and display the visuals in the 
+    interpolation) formulas and display the visuals in the
   project-a-2-2-roni-cantor: >-
     . I then used a feature in my code that exported my programmed graphic into
-    an 
+    an
   project-a-2-3-roni-cantor: ' file. I needed an SVG file to give to the plotter—an '
   project-a-2-4-roni-cantor: >-
     —so that it understood where to draw the lines that I programmed. I sent
-    this information to the plotter with a program called 
+    this information to the plotter with a program called
   project-a-2-5-roni-cantor: '!'
   project-q-3: What's your favorite p5.js feature?
   project-a-3-roni-cantor: ' because lines are fun and "lerp" is a fun word to say!'
@@ -987,7 +987,7 @@ showcase:
   project-a-1-4-phuong: '," mainly taught by '
   project-a-2-1-phuong: >-
     I used p5.js to work on the visual part of the game. The animation sprites
-    for Airi and the ghosts were drawn on an iPad app called 
+    for Airi and the ghosts were drawn on an iPad app called
   project-a-2-2-phuong: ' and then integrated into '
   project-a-2-3-phuong: ' code. I mainly used examples at p5.play as a reference.'
   project-a-2-4-phuong: 'For the endless scrolling background, I found a '
@@ -1001,7 +1001,7 @@ showcase:
   project-a-2-7-phuong: ' (currently, there is a beta version not available in public yet, but it will be very soon!). I added around 120 samples of my classmates saying the word "pew" with different intonations and 80 samples of background noise to train it. Then I integrated the model into the game with '
   project-a-3-1-phuong: >-
     I really love how easily you can create, manipulate, and delete HTML blocks
-    and classes with the 
+    and classes with the
   project-a-3-2-phuong: ' via '
   project-a-3-3-phuong: ' etc. But my most favorite function is '
   project-a-3-4-phuong: ', since this is where you create magic.'
@@ -1031,12 +1031,12 @@ showcase:
     This summer, I gave myself a challenge of making typographic posters with
     coding, and this is one of the posters I made. I didn’t know until very
     recently that I could use motion sensor data with p5.js. I was also
-    watching 
+    watching
   dan-shiffman-matterjs-tutorial: Dan Shiffman’s matter.js tutorial videos
   project-a-2-2-chung: ', so I thought why not combine the two and practice what I was learning?'
   project-a-3-1-chung: >-
     There are many things I love about p5.js such as the online community and
-    beginner friendliness. What I really like right now is the 
+    beginner friendliness. What I really like right now is the
   project-a-3-2-chung: >-
     , with which I can not only work online for myself but also share URLs
     quickly in the present mode. For this project in particular, I had to do a
@@ -1047,7 +1047,7 @@ showcase:
   project-a-4-3-chung: ' and build a tool for myself.'
   project-a-5-1-chung: >-
     As mentioned above, if you want to render out frames and video files out of
-    p5.js sketches, check out my 
+    p5.js sketches, check out my
   project-a-5-2-chung: ' and let me know what you think.'
   creator-from-casey-louise: 'From New York, New York'
   project-a-1-1-casey-louise: >-
@@ -1058,7 +1058,7 @@ showcase:
     interactive spaces based on sensor technologies.
   project-a-1-3-casey-louise: >-
     Casey: I started learning p5.js in 2018 in my first semester at ITP, though
-    I had been dabbling in 
+    I had been dabbling in
   project-a-1-4-casey-louise: ' since 2012. I was introduced to Processing by my friend Pedro while I was studying graphic design, and it blew my mind. The idea of making my own tools for creating graphics and interactive art piqued my interest, but once I actually tried it, I was hooked. The first project I can remember was an eye that followed you around the screen, and it was sad when you left it alone.'
   project-a-1-5-casey-louise: >-
     Louise: I initially learned p5.js to make a website I was creating more
@@ -1067,7 +1067,7 @@ showcase:
   project-a-2-1-casey-louise: >-
     Casey: I was putting off learning shaders for a long time, and I was also
     curious if I could use them in p5.js. Then I heard about a grant for open
-    source, storytelling, and learning resource projects at ITP called 
+    source, storytelling, and learning resource projects at ITP called
   project-a-2-2-casey-louise: >-
     . Since I wasn't finding much in the way of p5.js + shader documentation, I
     decided to figure out how they're implemented in p5.js and create a resource
@@ -1083,7 +1083,7 @@ showcase:
   project-a-4-1-casey-louise: >-
     Casey: The beginning of the project (figuring out how things work) was us
     reaching out to amazing people, asking questions, and asking for permission
-    to use their examples in our project. 
+    to use their examples in our project.
   adam-ferris-repo-casey-louise: Adam Ferriss' GitHub repo
   project-a-4-2-casey-louise: ' really laid the groundwork for us in understanding how shaders work in p5.js and provided a framework of approachable examples for us to build on. For some specific p5.js-related issues we were having, we reached out to '
   project-a-4-3-casey-louise: ' and '
@@ -1096,7 +1096,7 @@ showcase:
     Ferriss. Our aim was to do so in a way that a complete beginner can
     understand how to implement it, so it was as much a technical challenge as
     it was a challenge in teaching code to strangers and beginners. Here we drew
-    inspiration from the way the 
+    inspiration from the way the
   openframeworks-book-casey-louise: openFrameworks book
   project-a-4-7-casey-louise: ' is written. A fun "hey, it’s not hard and you can do it too" approach is what we believe in.'
   project-a-5-1-casey-louise: 'Check out the '
@@ -1139,10 +1139,10 @@ teach:
   teach-title2: Teach
   teach-intro1: >-
     Every teaching has its own unique goals, messages, conditions, and
-    environments. 
+    environments.
   teach-intro2: >-
     By documenting and sharing p5 workshops, classes, and materials, we hope to
-    better connect the p5.js learner and educator communities around the world. 
+    better connect the p5.js learner and educator communities around the world.
   teach-intro3: Share or recommend
   teach-intro4: 'your own teaching experiences, too!'
   teach-heading: p5 Teaching Resources
@@ -1190,14 +1190,14 @@ teach:
   teach-case1-content3: Advanced
   teach-case1-content4: >-
     To introduce a new public to programming through fun and compelling
-    examples. 
+    examples.
   teach-case1-content5: >-
     Method: in-person workshop, 1 hour per session, with different participant
     each times. The students were using (Ubuntu) machines with the p5.js web
     editor. I was teaching using a video projector as well as a board.
   teach-case1-content5-1: >-
     Materials: The exercises I gave where accessible through p5.js web-editor
-    links available in 
+    links available in
   teach-case2-title: >-
     Making The Thing that Makes the Thing: Exploring Generative Art & Design
     with p5.js
@@ -1210,7 +1210,7 @@ teach:
   teach-case2-content3: 'Priti: Intermediate & Ajith: Advanced'
   teach-case2-content4: >-
     To explore generative art & design and recreate some classical works
-    with p5.js. 
+    with p5.js.
   teach-case2-content5: 'Methods: In-person, collaborative, hands-on workshop.'
   teach-case2-content5-1: 'Materials: '
   teach-case2-content5-2: 'course page '
@@ -1325,7 +1325,7 @@ teach:
     ml5.js and p5.js.
   teach-case9-content5: >-
     This class is a mix of lectures, coding sessions, group discussions, and
-    presentations. I used 
+    presentations. I used
   teach-case9-content5-1: GitHub
   teach-case9-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.'
   teach-case9-content5-3: 'Methods: online/offline lectures and critiques.'
@@ -1340,7 +1340,7 @@ teach:
   teach-case10-content5: >-
     p5.js source code (for the introductory project), JavaScript source code
     (illustrating some basic JavaScript functionalities), accompanying slides in
-    .pdf format, all hosted publicly on GitHub. 
+    .pdf format, all hosted publicly on GitHub.
   teach-case10-content5-1: Overview
   teach-case10-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.'
   teach-case11-title: Digital Weaving & Physical Computing Workshop Series