<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0"
                xmlns:html="http://www.w3.org/TR/REC-html40"
                xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
                xmlns:sitemap="http://www.sitemaps.org/schemas/sitemap/0.9"
                xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>
  <xsl:template match="/">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>XML Sitemap</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
          body {
          font-family: sans-serif;
          font-size: 16px;
          color: #242628;
          }
          a {
          color: #000;
          text-decoration: none;
          }
          a:hover {
          text-decoration: underline;
          }
          table {
          border: none;
          border-collapse: collapse;
          width: 100%
          }
          th {
          text-align: left;
          padding-right: 30px;
          font-size: 11px;
          }
          thead th {
          border-bottom: 1px solid #7d878a;
          cursor: pointer;
          }
          td {
          font-size:11px;
          padding: 5px;
          }
          tr:nth-child(odd) td {
          background-color: rgba(0,0,0,0.04);
          }
          tr:hover td {
          background-color: #e2edf2;
          }

          #content {
          margin: 0 auto;
          padding: 2% 5%;
          max-width: 800px;
          }

          .desc {
          margin: 18px 3px;
          line-height: 1.2em;
          }
          .desc a {
          color: #5ba4e5;
          }
        </style>
      </head>
      <body>
        <div id="content">
          <h1>XML Sitemap</h1>
          <p class="desc">
            This is a sitemap generated by <a href="https://gohugo.io">Hugo</a> to allow search engines to discover this blog's content.
          </p>
          <p class="desc">
            The xsl style copy from <a href="https://ghost.org">Ghost</a>.
          </p>
          <table id="sitemap" cellpadding="3">
            <thead>
              <tr>
                <th width="75%">URL (<xsl:value-of select="count(sitemap:urlset/sitemap:url)"/> total)</th>
                <th title="Priority" width="5%">Prio</th>
                <th title="Change Frequency" width="5%">Ch. Freq.</th>
                <th title="Last Modification Time" width="15%">Last Modified</th>
              </tr>
            </thead>
            <tbody>
              <xsl:variable name="lower" select="'abcdefghijklmnopqrstuvwxyz'"/>
              <xsl:variable name="upper" select="'ABCDEFGHIJKLMNOPQRSTUVWXYZ'"/>
              <xsl:for-each select="sitemap:urlset/sitemap:url">
                <tr>
                  <td>
                    <xsl:variable name="itemURL">
                      <xsl:value-of select="sitemap:loc"/>
                    </xsl:variable>
                    <a href="{$itemURL}">
                      <xsl:value-of select="sitemap:loc"/>
                    </a>
                  </td>
                  <td>
                    <xsl:value-of select="concat(sitemap:priority*100,'%')"/>
                  </td>
                  <td>
                    <xsl:value-of select="concat(translate(substring(sitemap:changefreq, 1, 1),concat($lower, $upper),concat($upper, $lower)),substring(sitemap:changefreq, 2))"/>
                  </td>
                  <td>
                    <xsl:value-of select="concat(substring(sitemap:lastmod,0,11),concat(' ', substring(sitemap:lastmod,12,5)))"/>
                  </td>
                </tr>
              </xsl:for-each>
            </tbody>
          </table>
        </div>
      </body>
    </html>

  </xsl:template>
</xsl:stylesheet>