{% extends "global/Page.html" %}
{% block content %}

<h3>What we would like you to do:</h3>

<p>
    You will have 4 minutes to solve as many puzzles as possible.
    You will earn 5 points for each grid block you correctly solve.
    For example, the grid below has nine blocks. If you solved the whole puzzle correctly,
    you would earn 45 points. These points are used to determine your ranking among your peers.
</p>
<p>Additionally, you will receive a performance target (a target number of points to achieve) prior to each round.</p>
<br><img src="{{ static 'KenKenEasy.png' }}" style="width:300px"><br><br>

<p>After each round, you will receive feedback on:<br>
1. The number of puzzles you solved correctly <br>
    {% if condition == "absolute_nonlevel" or condition == "absolute_level" %}
    2. The number of points you earned.<br>
    {% else %}
    2. The percentage of your personal point target that you achieved.<br>
    {% endif %}
3. Your performance ranking compared to your peers.</p>
<hr>
{% if condition == "absolute_nonlevel" or condition == "absolute_level" %}
<h5 class="text-danger">
    <strong>Important:</strong> Your performance will be compared and ranked against others in the group based on
    the total number of blocks solved correctly per puzzle.
</h5>

<p>For example, if the participants solved the following number of blocks:</p>

<ul>
    <li><strong>Sam:</strong> Solved 4 puzzles (36 blocks).</li>
    <li><strong>Taylor:</strong> Solved 7 puzzles (63 blocks).</li>
    <li><strong>Kris:</strong> Solved 3 puzzles (27 blocks).</li>
</ul>

<p>The ranking, from best to worst, would be:</p>

<ol>
    <li><strong>Taylor</strong></li>
    <li><strong>Sam</strong></li>
    <li><strong>Kris</strong></li>
</ol>

{% else %}

<h5 class="text-danger">
    <strong>Important:</strong> Your performance will be compared and ranked against others in the group based on
    the percentage of your personal target that you achieve.
</h5>

<p>For example, if the participants achieved the following percentages of their personal targets:</p>

<ul>
    <li><strong>Sam:</strong> reached 40% of their target.</li>
    <li><strong>Taylor:</strong> reached 70% of their target.</li>
    <li><strong>Kris:</strong> reached 30% of their target.</li>
</ul>

<p>The ranking, from best to worst, would be:</p>

<ol>
    <li><strong>Taylor</strong></li>
    <li><strong>Sam</strong></li>
    <li><strong>Kris</strong></li>
</ol>
{% endif %}

<hr><br>
{% next_button %}
{% endblock %}