index.html

<link href="dist/css/style.css" rel="stylesheet" type="text/css" />

<div id="MovePointer"></div>
<div id="TableSoccer">
  <canvas class="user left" id="LeftUser" width="200" height="1008"></canvas>
  <canvas class="user right" id="RightUser" width="200" height="1008"></canvas>
  <canvas class="board" id="Field" width="1488" height="1008"></canvas>
  <canvas class="board" id="Players" width="1488" height="1008"></canvas>
  <canvas class="board" id="MouseEvents" width="1488" height="1008"></canvas>
</div>
<div style="font-family: 'fff'">&nbsp;</div>
<!-- font preload -->

<script src="dist/js/settings.js" type="module"></script>
<script src="dist/js/types.js" type="module"></script>
<script src="dist/js/coords.js" type="module"></script>
<script src="dist/js/utils.js" type="module"></script>
<script src="dist/js/settings.js" type="module"></script>
<script src="dist/js/renderers/player-renderer.js" type="module"></script>
<script src="dist/js/utils.js" type="module"></script>
<script src="dist/js/board.js" type="module"></script>
<script src="dist/js/events.js" type="module"></script>
<script src="dist/js/formations.js" type="module"></script>
<script src="dist/js/player.js" type="module"></script>
<script src="dist/js/team.js" type="module"></script>
<script src="dist/js/card.js" type="module"></script>
<script src="dist/js/game.js" type="module"></script>
<script src="dist/js/index.js" type="module"></script>