Use faker.js for mocked data and placeholder (#47)

source/templates/classic/image.svg

@@ -6,7 +6,7 @@
   <foreignObject x="0" y="0" width="100%" height="100%">
     <div xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink">
       <% for (const partial of [...partials]) { %>
-        <%- await include(`partials/${partial}.ejs`); %>
+        <%- await include(`partials/${partial}.ejs`) %>
       <% } %>
 
       <% if (base.metadata) { %>

source/templates/classic/partials/people.ejs

@@ -3,7 +3,7 @@
     <section>
       <h2 class="field">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"></path></svg>
-
+        People
       </h2>
       <div class="row">
         <section>
@@ -29,7 +29,7 @@
                 <%= plugins.people.error.message %>
               </div>
             <% } else { %>
-              <% for (const user of plugins.people.followers) { %><img class="avatar" src="data:image/png;base64,<%= user.avatar %>" width="<%= plugins.people.size %>" height="<%= plugins.people.size %>" alt=""/><% } %>
+              <% for (const user of plugins.people.followers) { %><img class="avatar" src="data:image/png;base64,<%= user.avatar %>" width="<%= plugins.people.size %>" height="<%= plugins.people.size %>" alt="" /><% } %>
             <% } %>
           </section>
         </div>
@@ -49,7 +49,7 @@
                 <%= plugins.people.error.message %>
               </div>
             <% } else { %>
-              <% for (const user of plugins.people.following) { %><img class="avatar" src="data:image/png;base64,<%= user.avatar %>" width="<%= plugins.people.size %>" height="<%= plugins.people.size %>" alt=""/><% } %>
+              <% for (const user of plugins.people.following) { %><img class="avatar" src="data:image/png;base64,<%= user.avatar %>" width="<%= plugins.people.size %>" height="<%= plugins.people.size %>" alt="" /><% } %>
             <% } %>
           </section>
         </div>

source/templates/repository/image.svg

@@ -20,7 +20,7 @@
         </section>
       <% } else { %>
         <% for (const partial of [...partials]) { %>
-          <%- await include(`partials/${partial}.ejs`); %>
+          <%- await include(`partials/${partial}.ejs`) %>
         <% } %>
       <% } %>
 

source/templates/terminal/image.svg

@@ -50,7 +50,7 @@ WARRANTY, to the extent permitted by applicable law.
 
 Last generated: <%= new Date().toGMTString() %>
 </div><% } -%>
-<% for (const partial of [...partials]) { %><%- await include(`partials/${partial}.ejs`); %><% } -%>
+<% for (const partial of [...partials]) { %><%- await include(`partials/${partial}.ejs`) %><% } -%>
 <% if (base.metadata) { -%>
 
 <footer>Connection reset by <%= Math.floor(256*Math.random()) %>.<%= Math.floor(256*Math.random()) %>.<%= Math.floor(256*Math.random()) %>.<%= Math.floor(256*Math.random()) %></footer><%# -%>

source/templates/terminal/partials/base.header.ejs

@@ -1,7 +1,7 @@
 <% if (base.header) { %>
 <div class="stdin"><%- meta.$ %> whoami</div><%# -%>
 <div class="stdout"><%# -%>
-<b><%= user.name || user.login %></b> registered=<%= computed.registration.match(/^.+? [ym]/)[0].replace(/ /g, "") %>, uid=<%= `${user.databaseId}`.substr(-4) %>, gid=<%= user.organizations.totalCount %>
+<b><%= user.name || user.login %></b> registered=<%= computed.registration.match(/^.+? [ymd]/)?.[0].replace(/ /g, "") %>, uid=<%= `${user.databaseId}`.substr(-4) %>, gid=<%= user.organizations.totalCount %>
   contributed to <%= user.repositoriesContributedTo.totalCount %> repositor<%= s(user.repositoriesContributedTo.totalCount, "y") %> <b><% for (const [x, {color}] of Object.entries(computed.calendar)) { -%><span style="color:<%= color %>">#</span><% } %></b>
   followed by <b><%= user.followers.totalCount %></b> user<%= s(user.followers.totalCount) %>
 </div><% } -%>