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

{% block title %}
The Task 
{% endblock %}

{% block content %}

    <p>All the pictures in the study are of jars containing between $10.00 and $25.00.  To help everyone understand the task, here are some example pictures.  
    Notice, that the height of the coins is not the only factor to consider when estimating value.  The composition of the coins must also be considered.  
    For the examples below, the two jars on the left are only about half full, while one contains $16.00 and the $22.00.  
    However, the two on the right are are nearly filled to the top, and also $16.00 and $22.00.</p>

    <table class="table">
        <tr>
            <th style="text-align:center">$16.00</th>
            <th style="text-align:center">$22.00</th>
            <th style="text-align:center">$16.00</th>
            <th style="text-align:center">$22.00</th>
         </tr>
        <tr>
            <th><img src="{% static "Jars/sDemo1a1.png" %}"/></th>
            <th><img src="{% static "Jars/sDemo4c1.png" %}"/></th>
            <th><img src="{% static "Jars/sDemo2a1.png" %}"/></th>
            <th><img src="{% static "Jars/sDemo3b1.png" %}"/></th>
        </tr>

    </table>
    
    {% next_button %}

{% endblock %}