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

{% block head_title %}

        Study

{% endblock %}

{% block styles %}

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

        .otree-timer {
            display: none;
        }

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


    </style>

{% endblock %}

{% block content %}

<h1>Round {{round}} of 2</h1>

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


        <p style="font-size:18px; text-align:justify;">


            <!--
                Instructions for forced interruption:
            -->

                            You are now in Round {{round}}. <br>

                        <br>In this round, you will play Nonogram for 10 minutes and 5 adding numbers games for 60 seconds each. <br>

                        <br> The adding numbers games will interrupt Nonogram at random moments.
                             The timer for Nonogram will pause while you solve the adding numbers games. <br>

                        <br> Nonogram will resume once you solve the adding numbers game within 60 seconds.
                             If you cannot solve it within 60 seconds, Nonogram will still resume but 5 points will be deducted.<br>

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

        </p>


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


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





{% endblock %}



{% block scripts %}
    <script type="text/javascript">



    </script>
{% endblock %}