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

{% block head_title %}
    Study
{% endblock %}



{% block styles %}

    <style type="text/css">

        .column {
          float: none;
          width: 50%;
          padding: 20px;
        }

        .row::after {
          content: "";
          clear: both;
          display: table;
        }

        h1 {text-align: center; font-size: 35px;}

        .justify {
          text-align: justify;
          text-justify: inter-word;
        }

        h1 {text-align: center; font-size: 35px;}
    </style>

{% endblock %}



{% block content %}
        <h1>Instructions</h1>

    <div class="card bg-light m-3">
    <div class="card-body">
    <div class="justify">


        <p style="font-size:18px;">
              You are now almost ready to start playing the games. You will play the games for 2 rounds. <br>

            <br> As in the practice games, you will have 10 minutes in each round to play Nonogram and 60 seconds
                 for each adding numbers game. We will now explain how you can earn money in the games. <br>

            <br> For Nonogram, you will earn 1 point for each correctly colored square.
                 If you color a square wrongly, 5 points will be deducted.
                 As in the practice game, the square will flash red and then change to the correct color. <br>

            <br> If you finish a Nonogram, a new one will appear, in which you can continue earning points.
                 There is no additional bonus for finishing a game. Only the final points matter for your payment. <br>

            <br> For the adding numbers games, you will not be rewarded with points for solving the game.
                 However, if you cannot solve a game within 60 seconds, 5 points will be deducted.
                 You will move on after solving the game or when the time runs out.
                 You will solve 5 adding numbers games in each round. <br>

            <br> At the end of each round, the final score will be converted to money at a rate of 20 points to &pound;1.
                 If the final score for a round is negative, your earnings will be 0 for that round. <br>

            <br> At the end of the study, 1 of the 2 rounds will be
                 randomly selected for payment. You will receive the earnings for that round. <br>

            <br> Please do not switch to other webpages or applications. Inactivity will be detected and will result in a rejected submission. <br>

            <br> Please do not click through the squares to rush through the game nor refresh the page either.
                 This will crash the experimental program and result in a rejected submission. <br>

            <br> Please press the "Next" button to continue. <br>


        </p>
    </div>
    </div>
    </div>



<center>
    <br>
    {% next_button %}
</center>


{% endblock %}