Merge pull request #247 from xuyixuan1998/master

Added Three More Tutorials on Learn Page

Author: lmccart

src/data/zh-Hans.yml

@@ -202,8 +202,8 @@ learn:
   color: "数码颜色的简介。"
   coordinate-system-and-shapes-title: "坐标系统与图形"
   coordinate-system-and-shapes: "利用坐标系统绘制简单图形。"
-  interactivity-title: "交互性"
-  interactivity: "鼠标与键盘的交互简介。"
+  interactivity-title: "互动性"
+  interactivity: "鼠标与键盘的互动简介。"
   program-flow-title: "程序流程"
   program-flow: "p5.js 控制程序流程简介。"
   curves-title: "曲线"

src/templates/pages/learn/index.hbs

@@ -86,6 +86,19 @@ slug: learn/
         <p>{{#i18n "using-local-server"}}{{/i18n}} </p>
       </div>
 
+      <div class="spacer"></div>
+
+      <div class="left-column">
+        <a class="nounderline" href="p5-screen-reader.html">
+          <div class="label">
+            <img src="{{assets}}/img/learn/lib_placeholder.jpg">
+        </a>
+        <a class="nounderline" href="p5-screen-reader.html">
+          <h4>{{#i18n "p5-screen-reader-title"}}{{/i18n}} </h4>
+        </a>
+        </div>
+        <p>{{#i18n "p5-screen-reader"}}{{/i18n}}</p>
+      </div>
 
       <div class="spacer"></div>
 
@@ -222,10 +235,6 @@ slug: learn/
         <p>{{#i18n "debugging"}}{{/i18n}}</p>
       </div>
 
-
-
-
-
       <div class="right-column">
         <a class="nounderline" href="https://github.com/processing/p5.js/wiki/Optimizing-p5.js-Code-for-Performance">
           <div class="label">
@@ -235,6 +244,7 @@ slug: learn/
         </div>
         <p>{{#i18n "optimizing"}}{{/i18n}}</p>
       </div>
+
       <div class="spacer"></div>
 
       <div class="left-column">
@@ -249,7 +259,6 @@ slug: learn/
         <p>{{#i18n "test-driven-development"}}{{/i18n}}</p>
       </div>
 
-
       <div class="spacer"></div>
 
       <h2 class="tutorial-title">{{#i18n "contributing-to-the-community-title"}}{{/i18n}}</h2>
@@ -267,7 +276,6 @@ slug: learn/
         <p>{{#i18n "development"}}{{/i18n}}</p>
       </div>
 
-
       <div class="right-column">
         <a class="nounderline" href="http://www.luisapereira.net/teaching/looking-inside-p5/">
           <div class="label">
@@ -303,9 +311,6 @@ slug: learn/
         <p>{{#i18n "creating-libraries"}}{{/i18n}}</p>
       </div>
 
-
-
-
       <div class="spacer"></div>
 
     </section>