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

{% block title %}
    Instructions Part I
{% endblock %}

{% block content %}

{% load otree_tags staticfiles %}

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

    <h2 class="panel-sub-heading">
        
    </h2>

    <link rel="stylesheet" type="text/css"
          href="{% static 'global/matrix.css' %}"/>

    <p>
      In this part of the experiment you will be presented with a series of matrices containing randomly distributed
        'b' and 'd' letters.
        Next to each letter there is a box. Your task is to check each box next to a letter 'd'.
        The matrix is solved correctly once all boxes next to each letter 'd' has been checked and no box next
        to a letter 'b' has been checked by mistake.
    </p>
    <p>
      Once you complete the whole matrix, click the <b>Submit</b> button.
        Once you submit a matrix, a new matrix will be displayed on a screen. Your task is again to check boxes next to each letter 'd'.
    </p>
    <p>
        This part is a trial round that will last <b>{{ player.task_timer}}</b> seconds.
        Within this time, new matrices will keep appearing on the screen every time you click the 'Submit' button.
        It is designed to let you get familiar with the task. The submitted matrices will be checked for correctness.
        At the end of the trial round, you will be informed how many matrices you have solved and whether they were solved correctly.
    </p>

    <p>
           Once you are ready, please click the "Start" button below to begin with the trial task.<br>
    </p>
	


</div>
<button class="otree-btn-next btn btn-primary">Start</button>

<br><br><br>





{% endblock %}