{{ extends 'global/Page.html' }}
   {{ block title }}
 <div style="text-align: center;">
    <h1>Instructions</h1>
 </div>
    {{ endblock }}

{{ block content }}
        <style>
            .ribbon {
               position: relative;
               top: -16px;
               right: -706px;
            }
            .blue {
                color: blue;
            }
        </style>

         <div style="text-align: justify;" class="card bg-light mb-3  ">
            <div class="card-body">
                <br>
<h2> Welcome to ESSEXLab </h2>
<ul>
  <li> Welcome and thank you for participating in this experiment! </li>
  <li> Please <b>Do</b> switch off your mobile phone and place all of your personal belongings away so that we can have your complete attention. </li>
  <li> Please use the computer only as instructed. In particular, <b>Do Not</b> attempt to browse or refresh the web or use programs unrelated to the experiment. </li>
  <li> Please <b>Do</b> read the Instructions carefully. They are identical for all participants in this experiment. </li>
  <li> Please <b>Do Not</b> socialize or talk during the experiment. Should you have any questions, please, raise your hand. Our researchers will come to you and answer you questions. </li>
</ul>

<h2> Guidelines </h2>
<ul>
    <li> You have each earned a £5 payment for showing up on time. </li>
    <li> You can earn more. How much you can earn in this experiment depends on your decisions, the decisions of other participants and random chance. </li>
    <li> All you decisions will be treated confidentially. You will be paid in private and in cash in the end of the experiment. </li>
    <li> This experiment consists of <b>Three Blocks</b>. Each block will be precluded by the set of instructions as well as the comprehension check. </li>
</ul>

<h2> How final earnings are computed </h2>
<ul>
   <li> You will receive £5 for showing up on time (as the show-up fee). </li>
   <li> In the end of the experiment one decision-making problem from each block would be selected for payment. </li>
   <li> All decision-making problems in each block are equally likely to be selected. </li>
   <li> You will be paid privately and in cash in the end of the experiment. </li>
</ul>

<h2> Further information </h2>
<ul>
    <li> At the bottom of each page, you may see the <span class="blue">Next</span> button after a period of time. </li>
    <li> Only when the <span class="blue">Next</span> button appears, you are able to move to the next page. </li>
    <li> You can take as much time as you need to read and consider the content. There is no time limit on how long you can stay on the page. </li>
</ul>

            </div>
        </div>
        <br>
    <script>
        window.onload = function(){
            setTimeout(function(){document.querySelector("#Next").style.visibility = "visible";}, 180000);
        }
    </script>

<div style="text-align:center;">
    <button class ="o-tree-btn-next btn btn-primary button1" id="Next" style="visibility:hidden; margin: 0 auto;"> Next </button>
</div>

{{ endblock }}