index.xsl in cobench-0.0.7

- old
+ new

@@ -21,11 +21,11 @@
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 -->
 <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="2.0">
-  <xsl:output encoding="UTF-8" method="xml"/>
+  <xsl:output encoding="UTF-8" method="html"/>
   <xsl:key name="metrics" match="/cobench/coders/coder/metrics/m" use="@id"/>
   <xsl:template match="/">
     <html>
       <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
@@ -33,19 +33,20 @@
         <meta charset="UTF-8"/>
         <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
         <link rel="icon" href="https://raw.githubusercontent.com/yegor256/cobench/master/logo.svg" type="image/svg"/>
         <link href="https://cdn.jsdelivr.net/gh/yegor256/tacit@gh-pages/tacit-css.min.css" rel="stylesheet"/>
         <link href="https://cdn.jsdelivr.net/gh/yegor256/drops@gh-pages/drops.min.css" rel="stylesheet"/>
-        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.min.js"></script>
+        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"/>
+        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.min.js"/>
         <script type="text/javascript">
           $(function() {
             $("#metrics").tablesorter();
           });
         </script>
         <style>
-          td, th { text-align: right; font-family: monospace; font-size: 18px; }
+          td, th { font-family: monospace; font-size: 18px; }
+          .num { text-align: right; }
           .left { border-bottom: 0; }
           header { text-align: center; }
           footer { text-align: center; font-size: 0.8em; }
           article { width: 60em; border: 0; }
           .sorter { cursor: pointer; }
@@ -88,11 +89,11 @@
     <table id="metrics">
       <thead>
         <tr>
           <th/>
           <xsl:for-each select="coder/metrics/m[generate-id() = generate-id(key('metrics', @id)[1])]">
-            <th class="sorter">
+            <th class="sorter num">
               <xsl:value-of select="@id"/>
             </th>
           </xsl:for-each>
         </tr>
       </thead>
@@ -111,10 +112,10 @@
       </td>
       <xsl:apply-templates select="metrics/m"/>
     </tr>
   </xsl:template>
   <xsl:template match="m">
-    <td>
+    <td class="num">
       <a href="{@href}">
         <xsl:value-of select="."/>
       </a>
     </td>
   </xsl:template>