<commit_before>@(replay: Replay)

@import play.api.libs.json.Json

@main("Game " + replay.id) {


<div id="game">
    <div id="boardBox">
        <canvas id="board">
        </canvas>

    </div>

    <div id="scoreBar">

        <div id="scoreBarCoin"><img src="@routes.Assets.at("img/coin.png")" class="coin"/></div>
        <div id="bars">
            <div id="scoreBarPlayer1" class="player"></div>
            <div id="scoreBarPlayer2" class="player"></div>
            <div id="scoreBarPlayer3" class="player"></div>
            <div id="scoreBarPlayer4" class="player"></div>
        </div>
    </div>
    <div id="infos">
        <ul id="legend">
            <li id="turn"><p><strong>Turn</strong> <span class="number"></span></p></li>
        </ul>

        <ul id="gold">
            <li id="player1"><img class="player" src="@routes.Assets.at("img/fireheart/player1.png")"/><img class="award" src="@routes.Assets.at("img/award.png")"/><div class="goldWrapper"><span class="gold">100</span><img src="@routes.Assets.at("img/coin.png")" class="coin"/></div><a><span class="name" title=""></span></a>Elo: <span class="elo"></span></li>
            <li id="player2"><img class="player" src="@routes.Assets.at("img/fireheart/player2.png")"/><img class="award" src="@routes.Assets.at("img/award.png")"/><div class="goldWrapper"><span class="gold">100</span><img src="@routes.Assets.at("img/coin.png")" class="coin"/></div><a><span class="name" title=""></span></a>Elo: <span class="elo"></span></li>
            <li id="player3"><img class="player" src="@routes.Assets.at("img/fireheart/player3.png")"/><img class="award" src="@routes.Assets.at("img/award.png")"/><div class="goldWrapper"><span class="gold">100</span><img src="@routes.Assets.at("img/coin.png")" class="coin"/></div><a><span class="name" title=""></span></a>Elo: <span class="elo"></span></li>
            <li id="player4"><img class="player" src="@routes.Assets.at("img/fireheart/player4.png")"/><img class="award" src="@routes.Assets.at("img/award.png")"/><div class="goldWrapper"><span class="gold">100</span><img src="@routes.Assets.at("img/coin.png")" class="coin"/></div><a><span class="name" title=""></span></a>Elo: <span class="elo"></span></li>
        </ul>

    </div>

    <div id="replay">
        <div id="nav"><span id="prev">&lt;</span>&nbsp;&nbsp;&nbsp;<span id="next">&gt;</span></div>

        <button id="manual-alone">PLAY - TRAINING</button>
        <button id="manual-many">PLAY</button>
        <div id="yourturn"></div>
    </div>

</div>
<commit_msg>Add protip for scroll wheel<commit_after>@(replay: Replay)

@import play.api.libs.json.Json

@main("Game " + replay.id) {


<div id="game">
    <div><strong>Pro tip</strong>: use your scroll wheel to move through the replay.</div>
    <div id="boardBox">
        <canvas id="board">
        </canvas>

    </div>

    <div id="scoreBar">

        <div id="scoreBarCoin"><img src="@routes.Assets.at("img/coin.png")" class="coin"/></div>
        <div id="bars">
            <div id="scoreBarPlayer1" class="player"></div>
            <div id="scoreBarPlayer2" class="player"></div>
            <div id="scoreBarPlayer3" class="player"></div>
            <div id="scoreBarPlayer4" class="player"></div>
        </div>
    </div>
    <div id="infos">
        <ul id="legend">
            <li id="turn"><p><strong>Turn</strong> <span class="number"></span></p></li>
        </ul>

        <ul id="gold">
            <li id="player1"><img class="player" src="@routes.Assets.at("img/fireheart/player1.png")"/><img class="award" src="@routes.Assets.at("img/award.png")"/><div class="goldWrapper"><span class="gold">100</span><img src="@routes.Assets.at("img/coin.png")" class="coin"/></div><a><span class="name" title=""></span></a>Elo: <span class="elo"></span></li>
            <li id="player2"><img class="player" src="@routes.Assets.at("img/fireheart/player2.png")"/><img class="award" src="@routes.Assets.at("img/award.png")"/><div class="goldWrapper"><span class="gold">100</span><img src="@routes.Assets.at("img/coin.png")" class="coin"/></div><a><span class="name" title=""></span></a>Elo: <span class="elo"></span></li>
            <li id="player3"><img class="player" src="@routes.Assets.at("img/fireheart/player3.png")"/><img class="award" src="@routes.Assets.at("img/award.png")"/><div class="goldWrapper"><span class="gold">100</span><img src="@routes.Assets.at("img/coin.png")" class="coin"/></div><a><span class="name" title=""></span></a>Elo: <span class="elo"></span></li>
            <li id="player4"><img class="player" src="@routes.Assets.at("img/fireheart/player4.png")"/><img class="award" src="@routes.Assets.at("img/award.png")"/><div class="goldWrapper"><span class="gold">100</span><img src="@routes.Assets.at("img/coin.png")" class="coin"/></div><a><span class="name" title=""></span></a>Elo: <span class="elo"></span></li>
        </ul>

    </div>

    <div id="replay">
        <div id="nav"><span id="prev">&lt;</span>&nbsp;&nbsp;&nbsp;<span id="next">&gt;</span></div>
        <div id="yourturn"></div>
    </div>

</div>

{'fraction_non_alphanumeric': 0.2597173144876325, 'fraction_numerical': 0.009422850412249705, 'mean_word_length': 4.069651741293533, 'pattern_counts': {'":': 0, '<': 221, '<?xml version=': 0, '>': 221, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2110169', 'n_tokens_mistral': 1809, 'n_tokens_neox': 1769, 'n_words': 250}