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

{% block styles %}
    <style>
        .otree-timer {
            display:none;
        }
    </style>
{% endblock %}

{% block title %}
Sozialpsychologie Heidelberg
{% endblock %}

{% block content %}
<div class="outerHeadDiv">

    <span class="innerHeadDivText new-title">
        Die Studie
    </span>

    <div class="innerHeadDivLogo">
        <img src="{% static 'Simpson/unihei_color.jpg' %}" class="logo"/>
    </div>

</div>
<hr>

<h4>Eine kurze Erklärung</h4>

<p style="text-align:justify;">
    <b>Ablauf der Studie</b>
    <br>
        Sie werden gleich eine Aufgabe erhalten, bei der Sie eine Entscheidung treffen sollen.
        Es ist <b>sehr wichtig</b>, dass Sie aufmerksam vor Ihrem PC sitzen und aktiv am Geschehen teilnehmen!
        Da Sie sich möglicherweise mit anderen Teilnehmer*innen austauschen, ist es wichtig, dass Sie die
        Aufgabe <b>möglichst ungestört</b> und ohne Unterbrechung bearbeiten.
        Bleiben Sie während der nächsten 30 Minuten vor Ihrem Bildschirm und <b>schließen oder minimieren
        Sie das Browserfenster nicht</b>! Jede Seite der Studie ist mit einem "Timeout" versehen,
        was bedeutet, dass die Seiten, sollten Sie nicht mehr anwesend sein, automatisch voranschreiten.
        Sollte dies passieren, können Sie leider nicht mehr an der Studie teilnehmen und ebenfalls keine Entlohnung erhalten.
    <br>
</p>
<p style="text-align:justify;">
    Dies soll Sie jedoch nicht verunsichern. Sie haben genügend Zeit alle Instruktionen
    ausführlich zu lesen und werden vor einer automatischen Abgabe gewarnt, sodass Sie
    bestätigen können, dass Sie noch anwesend sind.
</p>

<p style="text-align:justify;">
    Lesen Sie sich immer alle Informationen gründlich durch und klicken Sie nicht
    einfach auf "Weiter", Sie haben keine Möglichkeit einen Schritt bzw. eine Seite zurück zu gehen.
</p>

<p style="text-align:justify;">
    Wenn Sie diese Bedingungen verstanden haben, können Sie auf <b>"Weiter"</b> klicken.
</p>

<br>
<button class="otree-btn-next btn btn-primary" style="background-color:#D11222; border-color:#ffffff">Weiter</button>

<hr>
<p> <a href="mailto: lob@stud.uni-heidelberg.de" target="_blank" style="color:#D11222">Aaron Lob</a>, Universität Heidelberg  - 2020</p>

{% endblock %}