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

{% block title %}
    Stage 3: Instructions
{% endblock %}
{% block content %}


<p>Depending on the role you played before, you will be assigned the task of describing the puzzles you see or explaining how to solve the puzzles using the instructions. </p>

<p>If you played the role of the <b> Sender </b> in Stage 2, you will be the only one able to see the puzzles but won't know how they are to be solved. Therefore you will be tasked with <b> describing </b> them to your partner. You will also be tasked with entering the solutions on your screen.</p>

<p> If you played the role of the <b> Receiver </b> in Stage 2, you will be tasked with <b> explaining </b> how the puzzles are to be solved. You will receive a manual with instructions for solving the puzzles, but you won't be able to see them. </p>



    {% next_button %}



<style>
    .otree-timer {
        display: none;
    }
</style>

<script>
    $(function () {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 10) {
                $('.otree-timer').show();
            }
        });
    });
</script>

{% endblock %}