{% extends "global/Page.html" %}
{% load staticfiles otree %}


{% block title %}


    <h3 class="panel-sub-heading">
        Instructions for the task - Additions task </h3>
        </br>
{% endblock %}

{% block content %}


    <div class="instructions well well-lg">
    </br>
        <li><strong>Please carefully read the instructions below explaining the task performed by the Green players in each round.</strong></li> </br>

            <li>In each round, the <strong>Green player</strong> gets 45 seconds to perform as many additions as possible out of four.</li> </br>

        <li>Each addition consisted of four three-digit numbers. One example is below:</li> </br>

          <table class="table table-bordered text-center" style="width: auto; margin: auto">
                     <tr>
                         <td>216</td>
                         <td>+</td>
                         <td>357</td>
                         <td>+</td>
                         <td>593</td>
                         <td>+</td>
                         <td>489</td>
                         <td>=</td>
                         <td> 'enter here' </td>
                     </tr>
              </table> <br>


        <li> The total number of questions that the <strong>Green player</strong> answers correctly (out of the four) will determine the <i>wheel of fortune</i>
            that gets assigned to the <strong>Yellow player</strong>. The <i>wheel of fortune</i> has only three colours: red, purple and blue.
            Each colour corresponds to different earnings for the <strong>Yellow player</strong>. In particular, red corresponds to <strong>$0</strong>,
            purple to  <strong>$1</strong> and blue to <strong>$2</strong>.</li> <br>

        <li> Once the <i>wheel of fortune</i> gets assigned to <strong>Yellow player</strong>, it is spinned by the researcher. The colour
        where the wheel stops determines the earning of the <strong>Yellow player</strong>.</li> <br>

        <li> The higher the number of correct questions solved by the <strong>Green player</strong>, the greater the chance that
            the wheel will land on colours corresponding to higher amount than low amount colours. An example is given below.</li> <br>

        <p align="center"><img  class="center" align="center" width="800" height="300" src="{% static "pictures/Picture2.png" %}"/>

         <li> As can be seen above, the number of questions solved determines the portion of the wheel divided into the three
             colours. In particular, the higher the number of correct questions increases the portion of the wheel that is coloured purple and  blue.</li> <br>

        <p align="center"><img  class="center" align="center" width="800" height="300" src="{% static "pictures/Picture3.png" %}"/>

        <li>  Remember that the <strong>Green player </strong> had 45 seconds to solve a set of four additions in each round.</li> <br>

        <li>   <strong>Yellow players</strong> will be shown only the earnings drawn from the <i>wheel of fortune</i> (that is, $0, $1 or $2)for each round and then be asked to pay
            the <strong> Green player</strong> out of separate pot of $2. We will then ask some questions related to it for each of the 12 rounds.</li> <br>

    </div>

    <p> {% next_button %} <p>

    <br>

<div class="instructions well well-lg">

<h4 class="panel-sub-heading">
    Illustrative Remainder: Interaction Green-Yellow player for each round
        </h4>

            <p align="center"><img  class="center" align="center" width="800" height="300" src="{% static "pictures/Picture1.png" %}"/>

</div>








  {% endblock %}