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

{% block title %}
Phase 1: Comprehension Questions 
{% endblock %}
{% block content %}

    <p> 
      Please answer the following questions. 
      <br><br>
      Phase 1 starts once everyone finishes answering the questions correctly. There are three questions. You cannot move to the next screen unless you answer a given question correctly. 
      <br><br>
      If you do not know an answer then please check the instructions again using the ‘Instructions’ button, if you are still unable to find an answer then message the experimenter directly using the chat box in Zoom. We will answer your question individually.
      <br><br>
      40 seconds has been allocated for each question. If you have not answered correctly within this time then the experimenter will come to help you. 
      <br><br>
      To start the first question, click the 'Next' button.      
    </p>

{% next_button %}

<button type="button" id="toggle_instructions" onClick="toggle_instructions()" class="instructionsButton">Instructions</button>

<iframe id="instructions" class="instructions" src="https://docs.google.com/presentation/d/e/2PACX-1vSW8lWzetOXBeatjs-SRQNFhqQkubMauLXHgLvS2eMZ5C2u5OAg1LQiZPkW0RMwWqmjAOQyEgxoL1rh/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> 

{% endblock %}