{{ block styles }}
<link href="{{ static 'bret/css/custom.css' }}" rel="stylesheet"/>
{{ endblock }}


{{ block title }}
<div style="text-align: center;">
Game Instructions: Avoid the Bomb!
</div>
{{ endblock }}

{{ block content }}

<div class="consent">
    <p>
        Your task is to choose whichever boxes you wish. Once you are satisfied with
        your selections, press the <em>"Stop"</em> button at any time. Then, press the
        <em>"Solve"</em> button to reveal what's behind the boxes.
        If the box containing the bomb is included among your
        selected boxes, the bomb will explode and you will receive nothing.
        However, if you only select boxes without the bomb, you will receive a bonus
        equal to the total amount collected.
    </p>

    <p>There is no time limit for this game, you can take your time and think which boxes do you want to pick.</p>

    <div style="text-align:center;">
        <img src="{{ static 'BRET_Stop_Matrix_Copy.png' }}" width="600">
        <p><strong><p style="color: blue;">After you finish choosing the boxes, click "stop". </p></strong></p>
    </div>

    <div style="text-align:center;">
        <img src="{{ static 'BRET_Solved_Matrix_Copy.png' }}" width="600">
        <p><strong><p style="color: blue;">After you clicked stop, click "Solve" to reveal what's behind the boxes. </p></strong></p>
    </div><br>

    <p>
        You will be given two (2) practice rounds to try this game before starting the game for real.
        Results from the practice rounds will <strong>not</strong> count toward your final payment.
    </p>
    <p>Click the button below to proceed to the practice rounds.</p>

</div>

<button class="btn btn-primary btn-lg" type="submit">
    Start Practice Rounds
</button>
{{ endblock }}