Merge pull request #531 from mann27/master

added links to p5.sound and dom in libraries page

Author: lmccart

i18n-tracking.yml

@@ -288,4 +288,4 @@ es:
     line 420: '  p5.shape.js'
     line 573: '  output15'
 zh-Hans:
-  src/data/en.yml:
+  src/data/en.yml: {}

src/data/en.yml

@@ -443,7 +443,6 @@ libraries:
   p5.3D: "3D Text and Images in WebGL."
   using-a-library-title: "Using a library"
   using-a-library1: "A p5.js library can be any JavaScript code that extends or adds to the p5.js core functionality. There are two categories of libraries. Core libraries ("
-  using-a-library2: " and "
   using-a-library3: ") are part of the p5.js distribution, while contributed libraries are developed, owned, and maintained by members of the p5.js community."
   using-a-library4: "To include a library in your sketch, link it into your HTML file, after you have linked in p5.js. An example HTML file might look like this:"
   create-your-own-title: "Create Your Own"

src/data/es.yml

@@ -446,7 +446,6 @@ libraries:
   p5.3D: "3D Text and Images in WebGL. "
   using-a-library-title: "Usando una biblioteca"
   using-a-library1: "Una biblioteca p5.js puede ser cualquier código p5.js que extiende o añade a las funcionalidades centrales de p5.js. Existen dos tipos de bibliotecas. Las bibliotecas centrales ("
-  using-a-library2: " y "
   using-a-library3: ") son parte de la distribución de p5.js, mientras que las bibliotecas contribuidas son mantenidas y  desarrolladas por y de propiedad de los miembros de la comunidad de p5.js."
   using-a-library4: "Para incluir una biblioteca en tu bosquejo, enlázala en tu archivo HTML, después que hayas enlazado p5.js. Un archivo HTML como ejemplo podría lucir así:"
   create-your-own-title: "Crea tu propia biblioteca"

src/data/libraries/libraries.ejs

@@ -14,10 +14,8 @@ slug: libraries/
 
       <h2>{{#i18n "using-a-library-title"}}{{/i18n}}</h2>
 
-      <p>{{#i18n "using-a-library1"}}{{/i18n}}<a href="{{root}}/reference/#/libraries/dom">p5.dom</a>
-        {{#i18n "using-a-library2"}}{{/i18n}}
-      <a href="{{root}}/reference/#/libraries/sound">p5.sound</a>
-      {{#i18n "using-a-library3"}}{{/i18n}}</p>
+      <p>{{#i18n "using-a-library1"}}{{/i18n}}<a
+          href="{{root}}/reference/#/libraries/p5.sound">p5.sound</a>{{#i18n "using-a-library3"}}{{/i18n}}</p>
 
       <p>{{#i18n "using-a-library4"}}{{/i18n}}</p>
       <pre><code class="language-markup">&lt;!doctype html&gt;
@@ -35,37 +33,41 @@ slug: libraries/
       <h2>{{#i18n "create-your-own-title"}}{{/i18n}}</h2>
 
       <p>{{#i18n "create-your-own1"}}{{/i18n}}
-      <a href="https://github.com/processing/p5.js/blob/master/contributor_docs/creating_libraries.md">
-        {{#i18n "create-your-own2"}}{{/i18n}}</a>
+        <a href="https://github.com/processing/p5.js/blob/master/contributor_docs/creating_libraries.md">
+          {{#i18n "create-your-own2"}}{{/i18n}}</a>
         {{#i18n "create-your-own3"}}{{/i18n}}
-        <a href="https://docs.google.com/forms/d/e/1FAIpQLSdWWb95cfvosaIFI7msA7XC5zOEVsNruaA5klN1jH95ESJVcw/viewform" target="_blank">{{#i18n "create-your-own4"}}{{/i18n}}</a></p>
+        <a href="https://docs.google.com/forms/d/e/1FAIpQLSdWWb95cfvosaIFI7msA7XC5zOEVsNruaA5klN1jH95ESJVcw/viewform"
+          target="_blank">{{#i18n "create-your-own4"}}{{/i18n}}</a></p>
 
       <% let all; for(let p=0; p<2; p++) { %>
-        <% if (p == 0) { all = core; %>
-          <h2 class="tutorial-title">{{#i18n "core-libraries"}}{{/i18n}}</h2>
-        <% } else { all = contributed; %>
-          <h2 class="tutorial-title">{{#i18n "community-libraries"}}{{/i18n}}</h2>
+      <% if (p == 0) { all = core; %>
+      <h2 class="tutorial-title">{{#i18n "core-libraries"}}{{/i18n}}</h2>
+      <% } else { all = contributed; %>
+      <h2 class="tutorial-title">{{#i18n "community-libraries"}}{{/i18n}}</h2>
+      <% } %>
+      <% let col=0; for(let c in all) { %>
+      <% if (col == 0) { %>
+      <div class="left-column">
+        <% } else { %>
+        <div class="right-column">
+          <% } %>
+          <div class="label">
+            <a class="nounderline" href="<%=all[c].url%>" target="_blank">
+              <img alt="" src="{{assets}}/img/libraries/<%=all[c].name.replace(' ', '_')%>.jpg">
+              <h3><%=all[c].name%></h3>
+            </a>
+          </div>
+          <p>{{#i18n "<%=all[c].name%>"}}{{/i18n}} <% if (all[c].authors) { %>{{#i18n "libraries-created-by" }}{{/i18n}}
+            <% for(let i in all[c].authors) { %><a href="<%=all[c].authors[i].url%>"
+              target="_blank"><%=all[c].authors[i].name%></a><% if (i != all[c].authors.length - 1) { %>, <% } } } %>
+          </p>
+        </div>
+        <% if (col == 1 || c == all.length - 1) { %>
+        <div class="spacer"></div>
+        <% } %>
+        <% col = (col+1)%2; %>
         <% } %>
-        <% let col=0; for(let c in all) { %>
-          <% if (col == 0) { %>
-            <div class="left-column">
-          <% } else { %>
-            <div class="right-column">
-           <% } %>
-              <div class="label">
-                <a class="nounderline" href="<%=all[c].url%>" target="_blank">
-                  <img alt="" src="{{assets}}/img/libraries/<%=all[c].name.replace(' ', '_')%>.jpg">
-                  <h3><%=all[c].name%></h3>
-                </a>
-              </div>
-              <p>{{#i18n "<%=all[c].name%>"}}{{/i18n}} <% if (all[c].authors) { %>{{#i18n "libraries-created-by" }}{{/i18n}} <% for(let i in all[c].authors) { %><a href="<%=all[c].authors[i].url%>" target="_blank"><%=all[c].authors[i].name%></a><% if (i != all[c].authors.length - 1) { %>, <% } } } %></p>
-            </div>
-          <% if (col == 1 || c == all.length - 1) { %>
-            <div class="spacer"></div>
-           <% } %>
-          <% col = (col+1)%2; %>
         <% } %>
-      <% } %>
 
 
     </main>
@@ -75,4 +77,4 @@ slug: libraries/
 
   {{> asterisk}}
 
-</div><!-- end id="get-started-page"  -->
+</div><!-- end id="get-started-page"  -->

src/data/zh-Hans.yml

@@ -443,7 +443,6 @@ libraries:
   p5.3D: "WebGL 3D 文字及图像。"
   using-a-library-title: "如何使用程式库"
   using-a-library1: "p5.js 程式库可以是任何扩展或延伸 p5.js 核心功能的 JavaScript 代码，它们主要分为两种。核心程式库（"
-  using-a-library2: "及"
   using-a-library3: "）是 p5.js 正式发布组的一部分，而社群贡献程式库是由 p5.js 社群成员持有、开发及维持的。"
   using-a-library4: "如果您想在您的绘图内加入任何附加程式库，您只需在 HTML 文件内添加程式库的链接，此链接必须发生在 p5.js 的链接之后。一个 HTML 范例如下："
   create-your-own-title: "制作附加程式库"