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

{{ block title }}
    General Information
{{ endblock }}

{{ block content }}
</br>
<div class="card bg-light instructions">
    <div class="card-body">
    <p>
        <ul>
            <li style="margin-bottom:10px">The study consists of <b>three parts:</b>
                    <ul>
                        <li style="margin-bottom:10px; margin-top:10px"><b>Part A:</b> introduction to an <b>earlier study</b>,</li>
                        <li style="margin-bottom:10px"><b>Part B:</b> incentivized tasks,</li>
                        <li style="margin-bottom:10px"><b>Part C:</b> a questionnaire.</li>
                    </ul>
            <li style="margin-bottom:10px">In <b>Part A</b> you will be presented an <b>earlier study</b> carried out on prolific.
                    </li>
            <li style="margin-bottom:10px">In <b>Part B</b> you will be asked to complete incentivized tasks concerned with the
                    matter of the <b>earlier study</b>.</li>
            <li style="margin-bottom:10px">In <b>Part C</b> you will be asked to complete a questionnaire on demographic variables
                    as well as some preferences.</li>
            <li style="margin-bottom:10px; margin-top:10px">After the instructions in <b>Part B</b>, you will have to answer a set of comprehension
                    questions.</li>
            <li style="margin-bottom:10px">You will earn <b><u>£0.25</u> for participating</b>, and you can earn additional money (<b>bonus payment</b>)
                    in this study based on your and the other participants' decisions in <b>Part B</b>.</li>
            <li style="margin-bottom:10px">You will be paid the total amount (<u>£0.25</u> for your participation
                    <u>plus bonus payment</u>) through Prolific within 48 hours, <i>only if you have entirely completed
                        the study</i>.</li>
            <li style="margin-bottom:10px">If you are participating on your <b>tablet</b> or <b>phone</b>, we ask you to flip your device
            such that all pages are shown in landscape mode.</li>
        </ul>
    </div>
</div>
<br />
    {{ next_button }}
{{ endblock }}

{{ block scripts }}
    <script>
        $(function () {
            setTimeout(function () {
                $('.otree-btn-next').show();
            }, 1 * 1000);
        });
    </script>
{{ endblock }}


{{ block styles }}
    <style>
        .otree-btn-next {
            display: none;
        }

    </style>
{{ endblock }}