{{ block title }}
    Instructions
{{ endblock }}

{{ block content }}
<style>
.table  {
  border-collapse: collapse;
}

.table ,  th, td {
  border: 1px solid black;
}

.table, th, td {
  padding: 8px;
  text-align: center;
}

</style>

{{ if player.treat == 'veiled' }}
<ul style="font-size:18px">
<li>You will be given five statements.</li>
<li>You will answer how many of the statements apply to you.</li>
    <ul>
    <li>For example, if statement 1 and statement 3 apply to you and the other two do not, your answer will be 2.</li>
        <li>Notice that the researchers will not be able to determine which statements apply to you. They will only see the total number that apply to you</li>
    </ul>
</ul>
{{ endif }}
{{ if player.treat == 'direct' }}
<ul style="font-size:18px">
<li>You will be given four statements.</li>
<li>You will answer how many of the statements apply to you.</li>
    <ul>
       <li>For example, if statement 1 and statement 3 apply to you and the other two do not, your answer will be 2.</li>
        <li>Notice that the researchers will not be able to determine which statements apply to you. They will only see the total number that apply to you</li>
    </ul>
    <li>In addition, you will be given one question that can be answered yes, or no.</li>
</ul>
{{ endif }}
<br>
<ul style="font-size:18px">
    <li>Please remember (or write down) this code: BEAR</li>
     <li>We will ask you to recall it at the end of the experiment.</li>
    <li><i>Notice that this code is different from the Prolific completion code.</i> </li>
</ul>
{{ next_button }}
{{ endblock }}