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

{{$title_str}} {{$revision}} {{$website_txt}}
{{$copyright_str}}
{{$copyright_gf}}
{{$copyright_contrib_notice}}
{{$generated_on}}

-->
<head>
  <meta charset="utf-8" />
  <title>{{$title_str}} {{$revision}} – Icon Overview</title>
  <!-- Pokémon icons -->
  <link type="text/css" href="{{$css_output}}" rel="stylesheet" media="screen" />
  <script charset="utf-8" src="{{$js_output}}" ></script>
  <!-- Overview CSS (generated from {{$resources_dir}}overview.scss) -->
  <link type="text/css" href="overview.css" rel="stylesheet" media="screen" />
  <script>
  // By far the easiest method to use this script is simply to tell it
  // to wait for the DOM to load and then process it completely.
  // It's not particularly efficient, however, so in this example we've
  // commented it out. See the other <script> tags in the document
  // for an example of how the decorator pattern works.
  //PkSpr.process_dom();
  </script>
</head>
<body>
  <div id="top">
    <div class="description">
      <h1>{{$title_str}} {{$revision}} – Icon Overview</h1>
      <p>The following list is a complete overview of all icons and the HTML necessary to display them. It was generated on <span class="time">{{$script_date_html}}</span>.</p>
      <p>For more information about the project, visit <a href="{{$website_html}}">{{$website_html}}</a>.</p>
    </div>
{{$icons}}
    <p>End of overview. <a href="#top">Back to top.</a></p>
  </div>
</body>
</html>
