{% 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;}
    </style>

{% endblock %}

{% block content %}

<h1>Practice Game</h1>

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


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

                             You have finished the practice game for Nonogram.  <br>

                        <br> We will now explain the instructions of the second game. <br>

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


            </p>


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


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








{% endblock %}



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

        sessionStorage.removeItem("score");
        sessionStorage.removeItem("pipipi");
        sessionStorage.removeItem("wrong");
        sessionStorage.removeItem("right");
        sessionStorage.removeItem("wrong_green");
        sessionStorage.removeItem("right_green");
        sessionStorage.removeItem("wrong_gray");
        sessionStorage.removeItem("right_gray");
        sessionStorage.removeItem("interval");
        sessionStorage.removeItem("start");
        sessionStorage.removeItem("boardhistory");
        sessionStorage.removeItem("solveorder");
        sessionStorage.removeItem("order");

    </script>



{% endblock %}