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

{% block title %}
    {% if r_num == 1%} Begin Script {% elif r_num == 2%} Part 1 Instructions {% endif %} 
{% endblock %}

{% block content %}

<div class="boxed">
     {% if r_num == 1%}
     
        <p class="intro">
            Thank you for participating in this experiment. 
            If you need assistance at any time during the experiment, 
            please email the experimenter Xiaohong Wang: <span style="color:blue; font-weight: bold;"> xiw131@pitt.edu </span>
        </p>    
        <hr style="width:50%;">
        <p class="intro">
            Please click the “Next” button to read the instruction. 
            When you have finished the instructions, 
            you will be asked to complete a short quiz to ensure that you 
            understand the experiment and how participant earnings will be determined.
        </p>
    {% elif r_num == 2%}
        <p class="intro">
            At the beginning of the experiment you will receive an <span style="color: red; font-weight: bold;">initial endowment of 50 points</span>. 
            During the course of the experiment, you can earn money by accumulating points. 
            The amount of points that you gain depends on your decisions and the decisions of other participants. 
            Points will be exchanged into $ at the end of the experiment at a rate of <span style="color: red; font-weight: bold;">1 point = 2 cents</span>. 
        </p>
        <hr style="width:50%;">
        <p class="intro">
            You will be paired with another player (player A). 
            Then you will be asked to select smiley faces among a group of emojis. 
            The emojis will become a little larger after clicking it. 
            You can cancel your selection by clicking the selected emoji again before submitting the page. 
        
        </p>
        <hr style="width:50%;">
        <p class="intro">
        45 participation points will be allocated to you for your participation. 
        You can earn more performance points by performing the task.
        Your job is to select smiley faces among 100 emojis.
        <ul>
            <li style="font-size: 18px; font-weight: bold;">For each selected smiley <img src="{% static "global/smile_new.png" %}" width=30pts height=30pts /> face, you will get 1 point!</span></li>
            <li style="font-size: 18px; font-weight: bold;">For each selected sad <img src="{% static "global/sad_new.png" %}" width=30pts height=30pts /> face, you will lose 1 point!</span></li> 
        </ul>
        
        <span style="font-size: 18px;">After that, player A can allocate the points that you earned between you and herself/himself. 
        You can send player A a message before she/he decides the sharing. </span>  
        
        </p>
        


    {% endif %}
  

 
    
    
    <hr style="width:50%;">
    
 {% next_button %}
    
</div>

{% endblock %}




{% block styles %}
    <style>
 
        
        p.intro{
            font-size: 18px; 
            text-align: justify;
                
                }
        
    </style>
{% endblock %}