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

{% block head_title %}
    Study
{% endblock %}



{% block styles %}

    <style type="text/css">

        .column {
          float: none;
          width: 50%;
          padding: 20px;
        }

        .row::after {
          content: "";
          clear: both;
          display: table;
        }

        h1 {text-align: center; font-size: 35px;}

        .justify {
          text-align: justify;
          text-justify: inter-word;
        }

        h1 {text-align: center; font-size: 35px;}
    </style>

{% endblock %}



{% block content %}
    <h1>Introduction</h1>

    <div class="card bg-light m-3">
    <div class="card-body">
    <div class="justify">


        <p style="font-size:18px;">
                 Thank you for taking part in this study. It will take approximately an hour.
                 You will receive a &euro;7 participation fee with a chance to earn additional money during the study depending on your performance. <br>

            <br> If you have any questions, please press the button on the wall on your left. <br>

            <br> The study starts with a short questionnaire followed by a main part in which you will play a game for 4 rounds.
                 One of the 4 rounds will be randomly selected for payment.
                 The study ends with a survey in which you can earn additional money. <br>

            <br> If you are unable to make it to the end of the study, you will only receive the &euro;7 participation fee. <br>

            <br> You will not be asked for any personal information. The data we collect is fully anonymous.
                 In case you have any questions regarding the data we collect, please contact the university's
                 Data Protection Officer at <a href="mailto:fg@uva.nl">fg@uva.nl</a>. <br>

            <br> This study complies with General Data Protection Regulation (GDPR). <br>

            <br> Please click "Next" if you consent to proceed with the study. <br>



        </p>
    </div>
    </div>
    </div>

<center>
    <br>
    {% next_button %}
</center>

{% endblock %}