{{ block styles }}
<link href="{{ static 'global/css/style.css' }}" rel="stylesheet" type="text/css"/>
{{ endblock }}

{{ block title }}
Introduction
{{ endblock }}

{{ block content }}

<p>
    Welcome to the study. You are put in a group of three. <br>
    In your group, each members will complete slider tasks. <br>
    You have two rounds ahead of you. <br> 
    In the slider tasks, you position sliders to exactly the midpoint (50). <br>

    Here is an example of a slider positioned at 50:
    <br>
    <img src="{{ static 'ret_slider/img/ret_slider_screenshot.png' }}"
         style="display: block; margin: 1rem auto 2rem auto">

    <h6> From the moment you click on "Start", you will start your first round of slider tasks. You will have 120 seconds to correctly position as many sliders as you can.
    </h6>
</p>

<p>
    <button class="otree-btn-next btn btn-primary">Start</button>
</p>

{{ endblock }}