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

{% block styles %}
    <link href="{% static 'global/empty.css' %}" rel="stylesheet">
{% endblock %}

{% block title %}
    Part 1 - Question
{% endblock %}

{% block content %}

<style>
    .otree-timer {
        display: none;
    }
    p.time {
      background-color: white;
      color: grey;
      text-align: right;
    }
</style>

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

    <p class="time">
        Time: {{ time }} seconds. 
    </p>


<p>
    The next question is about the following problem. 
    In studies like ours, sometimes there are participants who do not carefully 
    read the instructions and just quickly click through the study. 
    This means that there are a lot of random answers 
    which compromise the results. 
    To show that you read our questions carefully, 
    please enter aquamarine as your answer to the next question.<br>
    <br>
    {%  formfield player.check_q label = "What is you favorite color?"  %} <br>
</p>

<p>
    Please click "Next" to continue.
</p>
    {% next_button %}

{% endblock %}