{% block content %}
{% load otree static %}

<h1>Instructions</h1>

<div class="container p-3 my-3 border" style="font-size:12pt">
  <h2> <span style="font-size:18pt">Example Situation</span> </h2>
      <p>
          Person A is sitting in a cafeteria near the university. Person A notices that another person has
          left his wallet on the table. Person A has to decide what to do. Person A has to choose from
          four possible actions:
          <br>
          <br>
                <ul>
                    <li>Take the wallet and keep it;</li>
                    <li>Ask other guests if the wallet belongs to one of them;</li>
                    <li>Leave the wallet there;</li>
                    <li>Give the wallet to the manager of the cafeteria.</li>
                </ul>
          For each action evaluate according to your <b>own personal opinion</b> and independently of the opinion
          of others, whether it is appropriate or not to choose it. “Appropriate” behavior means the behavior
          that you personally consider to be “correct” or “moral”.
          <br>
          <br>
          You can choose from a scale with six points.
          <br>
          <br>
                <ul>
                    <li>Very inappropriate</li>
                    <li>Inappropriate</li>
                    <li>Rather inappropriate</li>
                    <li>Rather appropriate</li>
                    <li>Appropriate</li>
                    <li>Very appropriate</li>
                </ul>
 </p>
        You will evaluate the actions using a table. To evaluate the behavior you have to mark the corresponding option.
        Please give an evaluation for each of the actions.
        <br>
        <br>
        Assume, for example, that you evaluate:
        <br>
        <br>
         <ul>
                <li>Taking and keeping the wallet as very inappropriate</li>
                <li>Asking other guests if the wallet belongs to them as appropriate</li>
                <li>Leaving the wallet there as rather inappropriate </li>
                <li>Giving the wallet to the manager of the cafeteria as very appropriate </li>
            </ul>
        You would insert the following evaluations.
        <br>
        <br>
         <img src="https://i.imgur.com/gjNbmGs.png" width="750px" height="250px" />
      <p>
          <br>
         <br>
        After clicking on “next”, the description of the actual situations that you have to evaluate will follow.
 </p>
    <button name="btn_submit" value="True" class="btn btn-primary" style="float: right;">
             <span style="font-size:14pt">Next</span>
            </button></div>

{% endblock %}