<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<!--

{{$title_str}} v{{$version}} ({{$revision}}) {{$website_txt}}
{{$copyright_str}}
{{$copyright_gf}}
{{$copyright_contrib_notice}}
{{$generated_on}}

-->
<head>
  <meta charset="utf-8" />
  <title>{{$title_str}} v{{$version}} ({{$revision}}) – Files</title>
  <!-- Pokémon icons -->
  <link type="text/css" href="{{$css_output_min}}" rel="stylesheet" media="screen" />
  <script charset="utf-8" src="{{$js_output_min}}" ></script>
  <!-- Overview CSS (generated from {{$resources_dir}}overview.scss) -->
  <link type="text/css" href="overview.min.css" rel="stylesheet" media="screen" />
</head>
<body>
  <div id="top">
    <div class="description">
      <div class="header">
        <h1>PokéSprite</h1>
        <p>Pokémon icon database and sprite sheet generator</p>
      </div>
      <div class="docs-container">
        <h2>Files (v{{$version}}; {{$revision}})</h2>
        <p>To implement PokéSprite on a website, you need to include one CSS file, one JS file and one image. Depending on where you want to keep the image, you'll need to edit the CSS file to point to the right location.</p>
        <p>Generated on <span class="time">{{$script_date_html}}</span> (<span class="amount">{{$icons_amount}}</span> icons).</p>
        <p class="build-section"><strong>Standard build:</strong></p>
        <p>Contains Pokémon (regular and shiny; with forms, with right-facing alternate icons), and items.</p>
        <ul>
          <li><a href="pokesprite.min.css">pokesprite.min.css</a></li>
          <li><a href="pokesprite.min.js">pokesprite.min.js</a></li>
          <li><a href="pokesprite.png">pokesprite.png</a></li>
        </ul>
        <p>For more information about the project, visit <a href="{{$website_html}}">{{$website_html}}</a>.</p>
        <p><a href="{{$html_rel_home}}">Back to overview.</a></p>
      </div>
    </div>
  </div>
</body>
</html>
