index.xsl in cobench-0.0.17

- old
+ new

@@ -48,18 +48,23 @@
           .num { text-align: right; }
           .left { border-bottom: 0; }
           header { text-align: center; }
           footer { text-align: center; font-size: 0.8em; line-height: 1.2em; color: gray; }
           article { width: 60em; border: 0; }
+          td.avatar { vertical-align: middle; text-align: center; }
+          td.avatar img { width: 1.5em; height: 1.5em; vertical-align: middle; }
+          .subtitle { font-size: 0.8em; line-height: 1em; color: gray; }
           .sorter { cursor: pointer; }
         </style>
       </head>
       <body>
         <section>
           <header>
             <p>
-              <img src="https://raw.githubusercontent.com/yegor256/cobench/master/logo.svg" style="width:64px"/>
+              <a href="">
+                <img src="https://raw.githubusercontent.com/yegor256/cobench/master/logo.svg" style="width:64px"/>
+              </a>
             </p>
           </header>
           <article>
             <table id="metrics">
               <xsl:apply-templates select="cobench/titles"/>
@@ -80,32 +85,32 @@
               <xsl:text>"Commits" is the total number of </xsl:text>
               <a href="https://github.com/git-guides/git-commit">
                 <xsl:text>Git commits</xsl:text>
               </a>
               <xsl:text> authored by the user. </xsl:text>
-              <xsl:text>"HoC" is the total number of user's hits of code. </xsl:text>
+              <xsl:text>"HoC" is the total number of user's </xsl:text>
               <a href="https://www.yegor256.com/2014/11/14/hits-of-code.html">
                 <xsl:text>hits of code</xsl:text>
               </a>
               <xsl:text>. </xsl:text>
-              <xsl:text>"Issues" is the total number of issues. </xsl:text>
+              <xsl:text>"Issues" is the total number of issues submitted by the user. </xsl:text>
               <a href="https://docs.github.com/en/issues">
                 <xsl:text>issues</xsl:text>
               </a>
               <xsl:text>. </xsl:text>
               <xsl:text>"Pulls" is the total number of </xsl:text>
               <a href="https://docs.github.com/en/pull-requests">
                 <xsl:text>pull requests</xsl:text>
               </a>
-              <xsl:text> created by the user and merged. </xsl:text>
-              <xsl:text>"Reviews" is the total number of merged pull requests reviewed by the user. </xsl:text>
-              <xsl:text>"Score" is an arithmetic summary of all other numbers with multipliers: </xsl:text>
+              <xsl:text> created by the user and already merged. </xsl:text>
+              <xsl:text>"Reviews" is the total number of merged pull requests that were reviewed by the user. </xsl:text>
+              <xsl:text>"Score" is an arithmetic summary of all metrics with multipliers: </xsl:text>
               <xsl:text>one Pull costs 100 points, </xsl:text>
-              <xsl:text>one Issue 50 points, </xsl:text>
-              <xsl:text>one Review 40 points, </xsl:text>
-              <xsl:text>one Commit 5 points, </xsl:text>
-              <xsl:text>one HoC 1 point.</xsl:text>
+              <xsl:text>one Issue — 50 points, </xsl:text>
+              <xsl:text>one Review — 40 points, </xsl:text>
+              <xsl:text>one Commit — 5 points, </xsl:text>
+              <xsl:text>one HoC — just 1 point.</xsl:text>
             </p>
             <p>
               <xsl:text>The numbers you see reflect the activity of the last </xsl:text>
               <b>
                 <xsl:value-of select="cobench/@days"/>
@@ -120,10 +125,11 @@
   </xsl:template>
   <xsl:template match="cobench/titles">
     <thead>
       <tr>
         <th/>
+        <th/>
         <xsl:for-each select="title[generate-id() = generate-id(key('titles', .)[1])]">
           <xsl:sort select="."/>
           <th class="sorter num">
             <xsl:value-of select="."/>
           </th>
@@ -136,14 +142,21 @@
       <xsl:apply-templates select="coder"/>
     </tbody>
   </xsl:template>
   <xsl:template match="coder">
     <tr>
+      <td class="avatar">
+        <img src="https://socatar.com/github/{@id}/64-64"/>
+      </td>
       <td>
         <a href="https://github.com/{@id}">
           <xsl:text>@</xsl:text>
           <xsl:value-of select="@id"/>
         </a>
+        <br/>
+        <span class="subtitle">
+          <xsl:value-of select="@details"/>
+        </span>
       </td>
       <xsl:for-each select="metrics/m">
         <xsl:sort select="@id"/>
         <xsl:apply-templates select="."/>
       </xsl:for-each>