index.html

﻿<html>
  <head>
    <meta charset="utf-8" />
    <title>NC's Pokemon Autochess</title>
    <meta name="description" content="An autobattling game themed after Pokemon. Catch and level up Pokemon to defeat your opponents, free!" />
    <link rel="stylesheet" href="./app.css" type="text/css" />
    <link rel="icon" href="/assets/fx/pokeball-1.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Anonymous+Pro&family=Share+Tech+Mono:wght@400;700&display=swap" rel="stylesheet"> 
  </head>

  <body class="body">
    <div>
      <!--
        hack: force the fonts to load.
        Without this, the font is delayed until Phaser uses it
        and the first usage doesn't have the font.
      -->
      <span style="font-family:'Anonymous Pro'; visibility:hidden">.</span>
      <span style="font-family:'Share Tech Mono'; font-weight: 400; visibility:hidden">.</span>
      <span style="font-family:'Share Tech Mono'; font-weight: 700; visibility:hidden">.</span>
    </div>
    <!-- set height/width as placeholder to prevent layout shift -->
    <div style="width:900px; height:700px">
      <!-- disable right-click menu; we use it to trigger Pokemon info -->
      <div id="canvas" oncontextmenu="return false">
        <!-- Scripts will be injected here -->
      </div>
    </div>

    <div class="description">
      <p>Have you ever played DAC, TFT, Underlords, Hearthstone Battlegrounds or one of the other billion auto-battlers out there, and thought "man, this would be cool with Pokemon"?</p>
      <p>Well, stop thinking and start rolling.</p>
      <p style="text-align: right">
        Made by NinjaCaterpie.
        <a href="https://github.com/henry-alakazhang/pokemon-autochess">Source here</a>.
        <br />
        Contributions and bug reports welcome!
      </p>
    </div>
  </body>
</html>