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

{% block styles %}

<style>

.blue {
    color: #000096;
    font-weight: bold;
}

.red {
    color: #960000;
    font-weight: bold;
}

</style>

{% endblock %}

{% block title %}

Additional Instructions

{% endblock %}

{% block content %}

<p align="justify">
Throughout the study, you <b> interact with other participants </b> from this study.
These other participants are real and complete the task you are about to complete, as well as two other tasks.
The other tasks are, however, not relevant for you.
</p>

<p align="justify">
All participants have been randomly assigned a color.
You have been assigned the color

{% if player.colors_reversed == 0 %} <span class="red"> red</span>. {% endif %}
{% if player.colors_reversed == 1 %} <span class="blue"> blue</span>. {% endif %}

Your interaction partners have been assigned the color

{% if player.colors_reversed == 0 %} <span class="blue"> blue</span>. {% endif %}
{% if player.colors_reversed == 1 %} <span class="red"> red</span>. {% endif %}

<p>

<p align="justify" style="border: 1px solid black; padding: 5px 10px 5px 10px">
<u> Important:</u> You and your

{% if player.colors_reversed == 0 %} blue {% endif %}
{% if player.colors_reversed == 1 %} red {% endif %}

interaction partners <b> remain <u> anonymous</u> </b> both throughout and after the study.
</p>

<br />

<button class="btn btn-primary btn-large" style="float: right"> Next </button>

{% endblock %}