{{ extends 'global/Page.html' }}
{{ block title }}Keeping and Giving Example{{ endblock }}

{{ block content }}

    <style>
        .otree-title {
            background: #EEF5FF;
            font-size: 40px;
            text-align: center;
            padding: 5% 0% 2% 0%;
        }
        .otree-body {
            max-width:1200px
        }
        .otree-btn-next {
            float: right;
            margin-right: 1%;
        }
        p {
            font-size: 20px;
        }

    </style>
    
    <table style="margin-top:2%; margin-bottom:2%">
        <tr>
            <td style="padding-right:1%"> <img class="image" src="https://neuroecon-research.s3.amazonaws.com/slider_example.png" style="width:70%;"/> </td>
            <td style="padding-left:3%">
            </td>
        </tr>

    </table>
    <p>
        On each line, the tokens on the line represent possible tokens allocations to Keep and Pass. For example, the picture shows 60 for you and 30 for the charity. For example, you can also choose to keep all 50 tokens for yourself, or pass all 50 tokens to the charity.
    </p>

    <p>
        Each question will have different rates of keeping and passing, meaning some questions may mean one less point for yourself means more than one point for the charity. Others may mean one less point for the charity means more than one point for yourself. 
    </p>

    <p>
        This is the end of instructions. Please ask the experimenter if you have any questions. If you have none, you can click next to start the experiment.
    </p>


{{ formfields }}
{{ next_button }}

{{ endblock }}