<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title><%= htmlWebpackPlugin.options.title %></title>
    <style>@charset "UTF-8";*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0}*,blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;vertical-align:baseline}img{border:0 none;vertical-align:top}em,i{font-style:normal}ol,ul{list-style:none}button,h1,h2,h3,h4,h5,h6,input,select{font-size:100%;font-family:inherit}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}a,body{color:#666}body{margin:0 auto;min-width:20pc;max-width:40pc;height:100%;font-size:14px;font-family:Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial;line-height:1.5;-webkit-text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;text-size-adjust:100%!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#f1f1f1}input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.mod_container{padding-bottom:20px}.info{padding:20px;text-align:center}.info h1{font-size:20px;font-weight:400;color:#999;margin-bottom:10px}.info h2{font-size:28px;color:#333}.mod{padding:0 10px}.mod_title{margin:15px 0 10px;font-size:18px}.mod_list{background-color:#fff;border:1px solid #e8e8e9}.mod_list li{height:50px;line-height:50px;padding:0 10px;border-bottom:1px solid #e8e8e9}.mod_list li:last-child{border-bottom:0 none}.mod_list li a{display:block;color:#333;position:relative;width:100%}.mod_list_link{float:right;color:#999;font-size:9pt;margin-right:50px}.mod_list li a:after{width:9px;height:15px;display:block;content:"";position:absolute;top:17px;right:15px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAeCAYAAAAhDE4sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QkZBQ0E3RTQ0QUUxMUU0OThCNDg3RDJGMTNFOTIwOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QkZBQ0E3RjQ0QUUxMUU0OThCNDg3RDJGMTNFOTIwOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdCRkFDQTdDNDRBRTExRTQ5OEI0ODdEMkYxM0U5MjA4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdCRkFDQTdENDRBRTExRTQ5OEI0ODdEMkYxM0U5MjA4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2KlQdAAAAa5JREFUeNqclc0rRFEYxs/MnUZsZjWymNmNpaKsJjQKmVn42JFIzUr+AjasxJ6FSFkplEJphFhaara2xAqbCTV43nqmTqeD996nfpv3zjz3nvfrxPL5vKGWwDtYMxGUsEyWwTd4BZthjeKWiSgGNsBEFKNmJxaAXVAKa7TAP9pKggPQE8ZI8lIGx86zFnAKOrVGojqYBDfO8xQ4B+1aI1ENjIKq85s0uAIZrZHoDQyBeyeeoVlaayR6AkXw7MTleBUeV2Vk+EWD/EJbXeCEhVAZGeZqjLmz1cvWSGqNRNesZt2Jl9h7gdbIsL/K7DdbMkbrHCsTZLNZTb/dgQ8w4MS7QRO4jIcYp69f4jHt0UQzYNUT3+KsqoxGwE7jzZYOwVwjd/8Z9YE9uzrUBZiyq/mXUQcr5jbfLWfyU9NHOU59ytOkRU+Teo1awRlo84yNmLxoZi3F8+ec+CNNHjTTL7k4Ym5sya0y7FktXqOA1el3ntdoUtVsSOmPbfaLLanKOKuk2tkrYNaJS39Ms3LqW6TiLH3p1HmwH/Zek51TYH7EcDHKlZ1wlljBRNSPAAMAfc1SXwN6CmUAAAAASUVORK5CYII=");background-repeat:no-repeat;background-position:0 0;background-size:9px 15px;opacity:.5}.qrcode{width:200px;height:auto;position:fixed;top:50%;right:20px;margin-top:-75pt}@media (max-width:998px){.qrcode{position:static;display:block;margin:10px auto}}</style>
  </head>
  <body>
    <div class="mod_container">
      <div class="info">
        <h1>Athena SiteMap</h2>
        <h2><%= htmlWebpackPlugin.options.title %>项目</h3>
      </div>
      <% const htmlPages = htmlWebpackPlugin.options.data.htmlPages %>
      <% for (const mod in htmlPages) { %>
      <div class="mod">
        <h3 class="mod_title"><%= mod %></h3>
        <ul class="mod_list">
        <% for (const page in htmlPages[mod]) { %>
          <% const pageItem = htmlPages[mod][page]; %>
          <li><a href="<%- `${mod}/${pageItem.filename}` %>"><%= pageItem.title %><span class="mod_list_link"><%= `${mod}/${page}` %></span></a></li>
        <% } %>
        </ul>
      </div>
      <% } %>
    </div>
  </body>
</html>
